River Town Factory Wiki rivertownfactory_en https://rivertownfactory.wiki.gg/wiki/River_Town_Factory_Wiki MediaWiki 1.39.4 first-letter Media Special Talk User User talk River Town Factory Wiki River Town Factory Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk Gadget Gadget talk Gadget definition Gadget definition talk 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 10 2 2 2022-12-18T00:55:51Z DynamicPageList3 extension 44285 Autogenerated DPL's necessary template for content inclusion wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 10 101 337 2023-01-06T08:23:26Z 283298779 415403 创建页面，内容为“<includeonly>{{#switch:{{{1|}}} |开始=<div class="BILIBILI-BOX {{{CSS|}}}" style="{{{追加CSS|}}}"><div class="BOX-2-1" style="{{{追加CSS2|}}}"><div class="BOX-title-1">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span class="BOX-GD" style="float:right">+</span>]]}}</div> |二级标题=<div class="BOX-title-2" style="{{{追加CSS|}}}">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||{{{查看更多|}}}|<span style="font-size:12px;float:rig…” wikitext text/x-wiki <includeonly>{{#switch:{{{1|}}} |开始=<div class="BILIBILI-BOX {{{CSS|}}}" style="{{{追加CSS|}}}"><div class="BOX-2-1" style="{{{追加CSS2|}}}"><div class="BOX-title-1">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span class="BOX-GD" style="float:right">+</span>]]}}</div> |二级标题=<div class="BOX-title-2" style="{{{追加CSS|}}}">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span style="font-size:12px;float:right;line-height: 20px;">更多…</span>]]}}</div> |内容开始=<div class="BOX-N" style="{{{追加CSS|}}}"> |内容结束=</div> |结束=</div></div> |按钮=[[{{{2|}}}|<span class="bili-section-normal section-wrap" style="margin:5px 5px 5px 0px;{{#ifeq:{{{颜色|}}}|||border:1px solid #{{{颜色|}}};border-left:3px solid #{{{颜色|}}};}}">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span>]] |图标=<div class="BOX-AN-{{#ifeq:{{{宽度|}}}||25|{{{宽度|}}}}}" style="float:left;position:relative;height:30px;margin:5px 0px">[[{{{2|}}}|<span class="BOX-AN2">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span></span>]]<div style="position: absolute;top: 0px;left:0px;">[[file:{{{2|}}} icon.png|30px|link={{{2|}}}]]</div></div> |文章=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=FF666B|专题=6089F6|攻略=00B6FF|新手=00B6FF|科普=6089F6|视频=b0b398|角色=FF666B|推图=96dc85|00B6FF}};border-radius: 4px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[[{{{3|}}}|<font class="BOX-zt">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]]</span></div> |文章外链=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=FF666B|专题=6089F6|攻略=00B6FF|新手=00B6FF|科普=6089F6|视频=b0b398|角色=FF666B|推图=96dc85|00B6FF}};border-radius: 4px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[{{{3|}}} <font class="BOX-zt">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]</span></div> |轮播图=<div id=biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"><div class="carousel-inner"><div class="item active">{{{图1|}}}</div>{{#ifeq:{{{图2|}}}|||<div class="item">{{{图2|}}}</div>}}{{#ifeq:{{{图3|}}}|||<div class="item">{{{图3|}}}</div>}}{{#ifeq:{{{图4|}}}|||<div class="item">{{{图4|}}}</div>}}{{#ifeq:{{{图5|}}}|||<div class="item">{{{图5|}}}</div>}}{{#ifeq:{{{图6|}}}|||<div class="item">{{{图6|}}}</div>}}{{#ifeq:{{{图7|}}}|||<div class="item">{{{图7|}}}</div>}}{{#ifeq:{{{图8|}}}|||<div class="item">{{{图8|}}}</div>}}</div><ol class="carousel-indicators">{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=0 class="active"></li>}}{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=1></li>}}{{#ifeq:{{{图3|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=2></li>}}{{#ifeq:{{{图4|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=3></li>}}{{#ifeq:{{{图5|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=4></li>}}{{#ifeq:{{{图6|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=5></li>}}{{#ifeq:{{{图7|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=6></li>}}{{#ifeq:{{{图8|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=7></li>}}</ol></div> |通知|签到=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(77 120 216 / 78%);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(77 120 216 / 78%)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div > |通知2|活动=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(34 152 26);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(34 152 26)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div > |通知3|卡池=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid rgb(255 29 29 / 78%);margin-bottom:5px;width:100%;max-width:100%;text-align:left"><font style="color: rgb(255 29 29 / 78%)">'''{{{2|}}}'''</font><br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div><div > }}</includeonly><noinclude> c994c96cc718491ef36feda7eeaa9271f7775e71 338 337 2023-01-06T08:42:56Z 283298779 415403 wikitext text/x-wiki <includeonly>{{#switch:{{{1|}}} |开始=<div class="BILIBILI-BOX {{{CSS|}}}" style="{{{追加CSS|}}}"><div class="BOX-2-1" style="{{{追加CSS2|}}}"><div class="BOX-title-1">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span class="BOX-GD" style="float:right">+</span>]]}}</div> |二级标题=<div class="BOX-title-2" style="{{{追加CSS|}}}">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span style="font-size:12px;float:right;line-height: 20px;">更多…</span>]]}}</div> |内容开始=<div class="BOX-N" style="{{{追加CSS|}}}"> |内容结束=</div> |结束=</div></div> |按钮=[[{{{2|}}}|<span class="bili-section-normal section-wrap" style="margin:5px 5px 5px 0px;{{#ifeq:{{{颜色|}}}|||border:1px solid #{{{颜色|}}};border-left:3px solid #{{{颜色|}}};}}">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span>]] |图标=<div class="BOX-AN-{{#ifeq:{{{宽度|}}}||25|{{{宽度|}}}}}" style="float:left;position:relative;height:30px;margin:5px 0px">[[{{{3|}}}|<span class="BOX-AN2">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</span></span>]]<div style="position: absolute;top: 0px;left:0px;">[[file:{{{2|}}}.png|30px|link={{{3|}}}]]</div></div> |文章=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[[{{{3|}}}|<font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]]</span></div> |文章外链=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[{{{3|}}} <font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);>{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]</span></div> |轮播图=<div id=biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"><div class="carousel-inner"><div class="item active">{{{图1|}}}</div>{{#ifeq:{{{图2|}}}|||<div class="item">{{{图2|}}}</div>}}{{#ifeq:{{{图3|}}}|||<div class="item">{{{图3|}}}</div>}}{{#ifeq:{{{图4|}}}|||<div class="item">{{{图4|}}}</div>}}{{#ifeq:{{{图5|}}}|||<div class="item">{{{图5|}}}</div>}}{{#ifeq:{{{图6|}}}|||<div class="item">{{{图6|}}}</div>}}{{#ifeq:{{{图7|}}}|||<div class="item">{{{图7|}}}</div>}}{{#ifeq:{{{图8|}}}|||<div class="item">{{{图8|}}}</div>}}</div><ol class="carousel-indicators">{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=0 class="active"></li>}}{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=1></li>}}{{#ifeq:{{{图3|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=2></li>}}{{#ifeq:{{{图4|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=3></li>}}{{#ifeq:{{{图5|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=4></li>}}{{#ifeq:{{{图6|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=5></li>}}{{#ifeq:{{{图7|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=6></li>}}{{#ifeq:{{{图8|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=7></li>}}</ol></div> |通知|签到=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |通知2|活动=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |通知3|卡池=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |日替=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''[[{{#if:{{{跳转|}}}|{{{跳转|}}}|{{{2|}}}}}|<font style="color:rgba(0, 0, 0, 0.85);>{{{2|}}}</font>]]'''<br><font style="font-size:10px">{{{3|}}}</font></div> }}</includeonly><noinclude>{{面包屑|模板}}[[分类:模板]]{{模板说明}}</noinclude> 97b5ce7f03c4de9eb95842ecc5c78c24a397ba0d 10 103 389 2023-01-06T08:40:07Z 283298779 415403 创建页面，内容为“{{板块|开始|标题=常用内容|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口1.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结…” wikitext text/x-wiki {{板块|开始|标题=常用内容|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口1.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 1137e0832a8a2c7c6b15c0358934c1dfb97fc16d 390 389 2023-03-06T14:21:26Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''快捷入口'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口1.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0c2574208e40ccad7a1014729d116ee5a4b90122 391 390 2023-03-06T14:22:02Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口1.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 5ba344f0eee34acb1aadc1baa334ba7cb4af8186 392 391 2023-03-08T04:55:47Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口1.jpg|150px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 5d15362156b3838d8b472fa22307700073626262 393 392 2023-03-08T06:30:34Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=图片链接地址]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d3c28c6de80a575a6b66df92fc4f38980eddbd67 394 393 2023-03-08T06:34:09Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 456303fcf158525e9bf1670ab9d78aedf26b9d1a 395 394 2023-03-08T13:36:09Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=地图坐标]]---------------------地图------------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> b0467bcd657c87d08b75b5ef1ff1b846f1631668 396 395 2023-03-09T07:27:02Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=地图坐标]]--------------地图--------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]--------------科技--------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]--------------NPC--------------</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]--------------配方--------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 897a4cb599560628c904577369377b08af9dddc3 397 396 2023-03-09T07:37:51Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=地图坐标]]------------地图------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]------------科技------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]------------配方------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6f00db354414936b3b7e641727a9a49afd80c021 398 397 2023-03-09T12:18:52Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=地图坐标]]------------地图------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]------------武学------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=]]------------江城------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 73156b9e987e264223b0241bb464fd1469ff11a5 399 398 2023-03-09T12:29:17Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]------------武学------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[文件:预置图片入口4.jpg|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> be2efc40d6c23016fdea6a3e6bd54e521e3eb7c5 400 399 2023-03-13T10:51:44Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=]]------------武学------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0252eaa24015e2db96a64d0b7c8132ea4c10d526 401 400 2023-03-16T13:11:21Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=武学]]------------武学------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 9130791a6f316e2aabe0f3636ccaa7eadc545728 402 401 2023-03-16T13:11:55Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]------------功法------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> c905b78d34f74a4a72f9a0717e719e858244d2fb 403 402 2023-03-16T16:17:14Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]------------功法------------</div> <div class="box-icon">[[文件:预置图片入口3.jpg|150px|center|link=NPC]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 4ba34519407ab9b5714668eea11e00f8f51e1c9b 404 403 2023-03-17T07:13:17Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]------------功法------------</div> <div class="box-icon">[[File:face_cff_0.png|120px|center|link=NPC]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 1b2416f8b24ed6da403936a37e9c2e934acd7aea 405 404 2023-03-17T08:10:07Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]------------功法------------</div> <div class="box-icon">[[file:face_cff_0.png|120px|center|link=NPC]]------------NPC------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> e9261ae961e1ba01b18457d3292ee21097fbdc1d 406 405 2023-03-17T08:58:38Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[file:JiangCity.png||150px|center|link=江城]]------------江城------------</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]------------功法------------</div> <div class="box-icon">[[file:map1.png|150px|center|link=地图坐标]]------------地图------------</div> <div class="box-icon">[[file:face_cff_0.png|120px|center|link=NPC]]------------NPC------------</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0fdc24dde4ab1915e31bb8a3aaed6419d9a27147 407 406 2023-03-22T16:16:37Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口2.jpg||150px|center|link=江城]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|120px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> b385e9cd9b4c94be13a3ef3ebf7a394cb6c34f01 408 407 2023-03-22T16:16:51Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口2.jpg||150px|center|link=江城]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=功法]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|150px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 568dc8885a73cf0e0e85e9366f3c358314523dbe 409 408 2023-03-24T13:46:51Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口2.jpg||100px|center|link=江城]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=功法]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=NPC]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ef07d9905430223ce47d067fbcaa944d69ca58f7 410 409 2023-03-24T13:59:06Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口2.jpg||100px|center|link=江城]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=功法]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=NPC]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|100px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ab398099b8dd01cf8ee4ab5036540daa0a040b00 411 410 2023-03-24T14:10:36Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[文件:预置图片入口2.jpg||120px|center|link=江城]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|120px|center|link=功法]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|120px|center|link=地图坐标]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|120px|center|link=NPC]]</div> <div class="box-icon">[[文件:预置图片入口2.jpg|120px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0c6ec84609c9e8f2822b163650585fa0eaf5a7fd 412 411 2023-03-24T16:31:50Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=地图坐标]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki5.png|120px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> e3c8a4a4b45bcc6b244990303f091f98416f41e6 413 412 2023-03-24T16:36:09Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://space.bilibili.com/107654333]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki5.png|120px|center|link=陈列馆]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a7a8c8bb68a6827630ddcf049425dff33054c9af 414 413 2023-03-28T16:11:43Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://space.bilibili.com/107654333/channel/collectiondetail?sid=1239601]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki5.png|120px|center|link=陈列馆]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 71ee4c20bbc4c64e9c465975554bac15fddf9fe2 415 414 2023-03-30T12:17:07Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://space.bilibili.com/107654333/channel/collectiondetail?sid=1239601]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <!--div class="box-icon">[[File:wiki5.png|120px|center|link=陈列馆]]</div --> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 2dd88beb11e455cb68c13926ce6d0a336c441e03 416 415 2023-04-10T19:18:35Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://space.bilibili.com/107654333/channel/collectiondetail?sid=1239601]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 9c20c088638494e761e740014f7aa4914119f40d 10 102 340 2023-03-22T16:41:21Z 107654333 415400 创建页面，内容为“{{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=按钮测试}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与…” wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=按钮测试}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} {{板块|图标|test|测试|宽度=10}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 21b1dd5e9f3dd5da0e29dbfb73bc636003234b99 341 340 2023-03-22T16:59:34Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本功能}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6c009c53f09f382235e12213135ac369e26aa1c8 342 341 2023-03-22T17:15:22Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> c3362e0d91d6dfef48979a0f680519c4e0211989 343 342 2023-03-22T17:36:24Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|外功|宽度=20}} {{板块|图标|test|内功|宽度=20}} {{板块|图标|test|轻功|宽度=20}} {{板块|图标|test|硬功|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 3e5ec7bf27c273f7855154ad0cc552035c7e43bb 344 343 2023-03-22T17:36:56Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|外功|宽度=20}} {{板块|图标|test|内功|宽度=20}} {{板块|图标|test|轻功|宽度=20}} {{板块|图标|test|硬功|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 433f418fb4d241ca3cce5bda4ae09aaec4ff6a34 345 344 2023-03-24T08:39:35Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|外功|宽度=20}} {{板块|图标|test|内功|宽度=20}} {{板块|图标|test|轻功|宽度=20}} {{板块|图标|test|硬功|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 7330da184ecf7c8b8893f9bae386659003fc490c 346 345 2023-03-24T08:47:53Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> cda6c93f2034a1990e0a1732b684270e2778d2f5 347 346 2023-03-24T13:41:38Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 1c009d7ce805c9f47df7d619de442484d8574393 348 347 2023-03-26T18:42:44Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|建筑|宽度=20}} {{板块|图标|test|江城郊外|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 9a89abaf243813cd614a75f2599d63a9b87755d6 349 348 2023-03-26T19:21:33Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|装备图纸|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a670acabaa709391e7bfa2c463679a1cb0c69d8e 350 349 2023-03-30T12:31:45Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> c8cb396daf826e8d8bdd40d606b622f319004218 351 350 2023-04-04T19:03:28Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a6de7d96778698f52929542c457dff6282af4c41 352 351 2023-04-04T19:03:45Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> c8cb396daf826e8d8bdd40d606b622f319004218 353 352 2023-04-04T19:07:22Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a6de7d96778698f52929542c457dff6282af4c41 354 353 2023-04-09T11:50:28Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> f39b7762cb9df9418900e72cfe5c8274830f0e22 355 354 2023-04-10T07:00:32Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 2d1f70fd3fadefa8f67d8b0d08639fa3e865f839 356 355 2023-04-10T07:01:04Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC介绍|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 58a5793abede17f8bf331b8d450371130d1faeee 357 356 2023-05-18T07:13:37Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 728cd7c067f0ae9e743775598bf92323ed90841e 10 102 358 357 2023-05-20T08:20:31Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ff96bae85d71e7ad345647c87c53cb87ca6b7333 359 358 2023-06-05T06:44:49Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 321f1e878aa2acbcf1f175f39b67dd2b07fd8c07 360 359 2023-06-05T08:41:21Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> cec77e7739cfaf1c640d689ceae0b339733031bb 361 360 2023-07-03T09:18:24Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 4060bb9d5c1b3f6f0030a80dcbf6314a3c7efdb0 362 361 2023-09-24T06:23:32Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|test|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} {{板块|图标|test|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 78fa4d6e4307fff7b48ea8f305b408a3eaffa039 363 362 2023-10-11T07:56:37Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|天机庙|宽度=20}} {{板块|图标|test|资源点|宽度=20}} {{板块|图标|test|柴府|宽度=20}} {{板块|图标|test|萧府|宽度=20}} {{板块|图标|test|纵剑阁|宽度=20}} {{板块|图标|test|云台山|宽度=20}} {{板块|图标|test|鹤知村|宽度=20}} {{板块|图标|test|地球村|宽度=20}} {{板块|图标|test|白头村|宽度=20}} {{板块|图标|test|息烽村|宽度=20}} {{板块|图标|test|遗迹|宽度=20}} {{板块|图标|test|山洞|宽度=20}} {{板块|图标|test|燃灯塔|宽度=20}} {{板块|图标|test|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 208ca6a21e8b613d12ff8534148a2ea2bb83245b 364 363 2023-10-11T08:17:17Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊出产|宽度=20}} {{板块|图标|test|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|test|药品|宽度=20}} {{板块|图标|test|药品配方|宽度=20}} {{板块|图标|test|采集|宽度=20}} {{板块|图标|test|装备|宽度=20}} {{板块|图标|test|增益|宽度=20}} {{板块|图标|test|掉落物品|宽度=20}} {{板块|图标|test|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 79d1df3e9584bb1f9748edbabea7c086e5566cff 365 364 2023-10-11T08:28:26Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|武学书籍|宽度=20}} {{板块|图标|test|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 17f5cc09eba878e1e458b2ad2d830d846b2bee7d 366 365 2023-10-11T10:42:19Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|test|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|工坊建筑|宽度=20}} {{板块|图标|test|模式说明|宽度=20}} {{板块|图标|test|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|test|产物配方|宽度=20}} {{板块|图标|test|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 023a496d2d163d1c4f6a3c9a90ea966fa93ba467 367 366 2023-10-18T02:17:15Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|test|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|test|建造|宽度=20}} {{板块|图标|test|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|test|帮助|宽度=20}} {{板块|图标|test|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|test|敌人怪物|宽度=20}} {{板块|图标|test|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|test|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 1646662c16b030de6e88e6da29b3b20125d84b11 368 367 2023-10-18T02:34:08Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|test|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|test|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|test|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 421f622f30df7984059590415999affd6a91a666 369 368 2023-10-18T03:10:56Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|test|资源管理|宽度=20}} {{板块|图标|test|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 9490f1b2aed2263b27e3b583a5751dc33ce447e1 370 369 2023-10-18T03:12:40Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|test|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0f57d589a27db2436f8e94ecad345aa8792defc1 371 370 2023-10-18T03:14:03Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|玩家创建|宽度=20}} {{板块|图标|test|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 5716a4a05bab35175eb245dd49cc69b79929e972 372 371 2023-10-18T03:55:06Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|test|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> fd0c64d3b3b2133f5c6b4ac6e591c5f9299ba718 373 372 2023-10-18T04:11:45Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfu_0|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6269c613280f5d3cee9ac34f6aee61c6e1607fd3 374 373 2023-10-18T06:47:55Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学相关}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a7cd28ba3ea1df55fdba445ed7b3686d5c287c88 375 374 2023-10-22T13:37:53Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 79a47cb0d1fbccf711ec1cc1b57f30e7e5b84fee 376 375 2023-10-22T13:39:18Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|test|江城行会|宽度=20}} {{板块|图标|test|铁匠铺|宽度=20}} {{板块|图标|test|服饰店|宽度=20}} {{板块|图标|test|江月楼|宽度=20}} {{板块|图标|test|济安堂|宽度=20}} {{板块|图标|test|天工阁|宽度=20}} {{板块|图标|test|通玄棋社|宽度=20}} {{板块|图标|test|映雪书馆|宽度=20}} {{板块|图标|test|徐府|宽度=20}} {{板块|图标|test|赫连家|宽度=20}} {{板块|图标|test|鲁家|宽度=20}} {{板块|图标|test|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|test|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6fbfb52ba13f70fae338bffdd678551741cc4e8a 377 376 2023-10-25T03:33:46Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|test|江城山道|宽度=20}} {{板块|图标|test|江城山顶|宽度=20}} {{板块|图标|test|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> e58c85db265c3b9b30d0c65e0bbe0764b68fbf75 378 377 2023-10-25T07:04:25Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d62bf107f3d2b4741598dd830b092fffa23875a8 379 378 2023-11-09T02:59:22Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 75a8b5be4b68527bb51f0b957abe66782b747ed8 380 379 2023-12-22T05:55:02Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|玩家创建Character|宽度=20}} {{板块|图标|mouse_b|操控Operation|宽度=20}} {{板块|图标|weather_3|时间Time|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造Build|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a73c430e508dbb474463bba87656f5c3a9274f9b 381 380 2023-12-22T05:57:11Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色Character|宽度=20}} {{板块|图标|mouse_b|操控Operation|宽度=20}} {{板块|图标|weather_3|时间Time|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造Build|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6c83debe18b51606acba232e2129e096263c7ef3 382 381 2023-12-22T06:13:12Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 3c289a1603956b2b9012502bb218deda6c2c87d0 383 382 2023-12-23T12:00:50Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 797175303a6716fc1f430309bc73826e554c69d3 10 103 417 416 2023-05-31T10:33:48Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=功法]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 4e7b01c08df4dcc0b574534a4f352fef4013988a 418 417 2023-07-05T06:07:26Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d0cbdb9ec958d3094ff41668df46d4bc2cfe8e30 0 26 62 2023-12-22T06:12:04Z 107654333 415400 创建页面，内容为“<!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner.png]]</div><!--默认第1帧--> <div c…” wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner.png]]</div><!--默认第1帧--> <div class="item">[[File:wikibannermi.png|link=https://www.bilibili.com/video/BV1Yj411d7pV/]]</div> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{江城游玩手册}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''游戏公告'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=游戏新闻}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 浮岛天机版本已发布！ ] {{板块|二级标题|标题=更新日志}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 【浮岛天机版本】 V0.9.0.1220.1] *[https://store.steampowered.com/news/app/2281410/view/5859804391125654252 【新增凌晨提醒】V0.8.0.1013.1] *[https://store.steampowered.com/news/app/2281410/view/3713837177202055642 【兽潮版本】V0.8.0.0922.1 ] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=关于WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题=关于本WIKI}} <!--内容部分：开始--> 欢迎各位工坊主们来到江城创业记WIKI！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 有兴趣想参与WIKI建设的小伙伴可以加入我们的游戏交流Q群905192729，私聊群主了解详情。 {{板块|二级标题|标题=相关链接}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 游戏详情页] *[https://space.bilibili.com/107654333 开发组B站] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 274dea188d0d045e8e6db6544c0bc58058320d7f 63 62 2023-12-22T06:24:33Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner.png]]</div><!--默认第1帧--> <div class="item">[[File:wikibannermi.png|link=https://www.bilibili.com/video/BV1Yj411d7pV/]]</div> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{江城游玩手册}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''游戏公告'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=关于WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题=关于本WIKI}} <!--内容部分：开始--> Welcome to the WIKI of River Town Factory！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=相关链接}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 游戏详情页] *[https://space.bilibili.com/107654333 开发组B站] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> a76ec43ef4424d96321743f24dcef7dff9214ed5 64 63 2023-12-22T06:25:08Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{江城游玩手册}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''游戏公告'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=关于WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题=关于本WIKI}} <!--内容部分：开始--> Welcome to the WIKI of River Town Factory！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=相关链接}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 游戏详情页] *[https://space.bilibili.com/107654333 开发组B站] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 0b800794fc23053e792d043522dc09da42548d93 65 64 2023-12-22T06:34:55Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{江城游玩手册}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Welcome to the WIKI of River Town Factory！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 029e0d4aabc7121bc3f5f8711010ba930168a97f 66 65 2023-12-22T06:56:48Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{江城游玩手册}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Welcome to the WIKI of River Town Factory！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 1304636468f48f01c8162abc5ba1ca3f3ee4b4f7 67 66 2023-12-22T07:10:20Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Welcome to the WIKI of River Town Factory！ 这里是iFAction工作室，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e6fba43bcc1c108ebdb89cf87ae3df1fbec45deb 68 67 2023-12-22T07:11:46Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello, we are iFAction Studio. Welcome to the WIKI of River Town Factory！ ，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> fb6d0fbe3c1047ab61836390aee16075e194ab92 69 68 2023-12-22T07:13:04Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{首页常用入口}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone, we are iFAction Studio. Welcome to the WIKI of River Town Factory！ ，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 27864ae99e86f8b4ddc9066fd620a3c680dda451 70 69 2023-12-22T07:16:33Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone, we are iFAction Studio. Welcome to the WIKI of River Town Factory！ ，我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e0672de33470c0501861236e80fc08c0385019ff 71 70 2023-12-22T07:18:21Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone, we are iFAction Studio. Welcome to the WIKI of River Town Factory！ 我们将会向大家提供游戏攻略、教学视频、资讯等等相关的内容，希望WIKI给各位玩家的游戏旅程带来便利。 {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> d020c0690abe15631be8cdf13cadc2aaeba088c4 10 105 425 2023-12-22T07:09:49Z 107654333 415400 创建页面，内容为“{{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|but…” wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 17e892cf093029c4487be7a4becef70916b86d0d 426 425 2023-12-22T07:12:19Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''Game Guide'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 933464c66736ba9b9173125c5f8dd5906599fac0 427 426 2023-12-22T07:17:37Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME G'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> f22957074c9e6bea5c3ca4be99f66118202edfe3 428 427 2023-12-22T07:17:55Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> af5db81906923ee1fac77950d889bb5a32ba49e6 10 104 420 2023-12-22T07:16:18Z 107654333 415400 创建页面，内容为“{{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">File:wiki6.p…” wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d0cbdb9ec958d3094ff41668df46d4bc2cfe8e30 421 420 2023-12-22T07:17:07Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''COMMON FUNCTIONS'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 28cb77b083d33582995df1e988b87438db94d2e0 0 7 8 2023-12-24T05:14:06Z 397790636 415399 创建页面，内容为“{| class="wikitable" style="text-align:center" |- <!-- 表头 --> !成就!!icon!!种类!!描述 |- <!-- 第1行 --> |Time Traveler||[[File:1-1 T0.png]]||play||Arrived at ancient River Town（The new game chooses not to skip the opening animation） |- <!-- 第2行 --> |T1 Completed||[[File:1-2 T1.png]]||factory||All nodes of the T1 have been repaired. |- <!-- 第3行 --> |T2 Completed||[[File:1-3 T2.png]]||factory||All nodes of the T2 have been repaired. |- <!-…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !成就!!icon!!种类!!描述 |- <!-- 第1行 --> |Time Traveler||[[File:1-1 T0.png]]||play||Arrived at ancient River Town（The new game chooses not to skip the opening animation） |- <!-- 第2行 --> |T1 Completed||[[File:1-2 T1.png]]||factory||All nodes of the T1 have been repaired. |- <!-- 第3行 --> |T2 Completed||[[File:1-3 T2.png]]||factory||All nodes of the T2 have been repaired. |- <!-- 第4行 --> |T3 Completed||[[File:1-4 T3.png]]||factory||All nodes of the T3 have been repaired. |- <!-- 第5行 --> |T4 Completed||[[File:1-5 T4.png]]||factory||All nodes of the T4 have been repaired. |- <!-- 第6行 --> |T5 Completed||[[File:1-6 T5.png]]||factory||All nodes of the T5 have been repaired. |- <!-- 第7行 --> |T6 Completed||[[File:1-7 T6.png]]||factory||All nodes of the T6 have been repaired. |- <!-- 第8行 --> |T7 Completed||[[File:1-8 T7.png]]||factory||All nodes of the T7 have been repaired. |- <!-- 第9行 --> |Automation Start||[[File:2-1auto.png]]||factory||Successfully automated production of 2000 items. |- <!-- 第10行 --> |Industrial Elite||[[File:2-2auto.png]]||factory||Successfully automated production of 8000 items. |- <!-- 第11行 --> |Automation Giant||[[File:2-3auto.png]]||factory||Successfully automated production of 25000 items. |- <!-- 第12行 --> |Production Maniac||[[File:2-4auto.png]]||factory||Successfully automated production of 80000 items. |- <!-- 第13行 --> |God of Machines||[[File:2-5auto.png]]||factory||Successfully automated production of 350000 items. |- <!-- 第14行 --> |Pot of Gold||[[File:3-1money.png]]||factory||Earn 3000g in a single shipment. |- <!-- 第15行 --> |Prosperous||[[File:3-2money.png]]||factory||Earn 15000g in a single shipment. |- <!-- 第16行 --> |Cash Cow||[[File:3-3money.png]]||factory||Earn 80000g in a single shipment. |- <!-- 第17行 --> |Town Myth||[[File:3-4money.png]]||factory||Earn 240000g in a single shipment. |- <!-- 第18行 --> |Goldmine||[[File:3-5money.png]]||factory||Earn 999999g in a single shipment. |- <!-- 第19行 --> |Pitcher Expert||[[File:4-1touhugaoshou.png]]||hide||Achieve first place in the most difficult pitching competition at the Flower Festival. |- <!-- 第20行 --> |Dragon Boat Champion||[[File:4-2longzhou.png]]||hide||Achieve first place in the most difficult dragon boat race at the Dragon Boat Festival. |- <!-- 第21行 --> |Culinary Master||[[File:4-3chuyi.png]]||hide||Achieve first place in the Mid-Autumn Festival culinary competition. |- <!-- 第22行 --> |Charming||[[File:5-1haogan.png]]||play||Attain a 6-heart favor with 1 NPC. |- <!-- 第23行 --> |Intimacy||[[File:5-2haogan.png]]||play||Attain a 6-heart favor with 4 NPCs. |- <!-- 第24行 --> |Glamorous||[[File:5-3haogan.png]]||play||Attain a 6-heart favor with 8 NPCs. |- <!-- 第25行 --> |Famous Person||[[File:5-4haogan.png]]||play||Attain a 6-heart favor with 12 NPCs. |- <!-- 第26行 --> |Mastery||[[File:6-1book.png]]||play||Study 1 martial arts books to the highest level. |- <!-- 第27行 --> |Making Progress||[[File:6-2book.png]]||play||Study 9 martial arts books to the highest level. |- <!-- 第28行 --> |Improving Skills||[[File:6-3book.png]]||play||Study 18 martial arts books to the highest level. |- <!-- 第29行 --> |Grandmaster||[[File:6-4book.png]]||play||Study 27 martial arts books to the highest level. |- <!-- 第30行 --> |Unmatched||[[File:6-5book.png]]||play||Study 36 martial arts books to the highest level. |- <!-- 第31行 --> |Invincible||[[File:6-6book.png]]||play||Study 42 martial arts books to the highest level. |- <!-- 第32行 --> |Mecha descends||[[File:7robot.png]]||hide||Unlock the Oracle Mecha through shards and summon. |} </div> </div> </div> </div> </div> 012c06a579bb9b3f50fb8d69b1cfc7fe6c2b3c53 9 8 2023-12-24T05:16:36Z 397790636 415399 wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !achievement!!icon!!type!!description |- <!-- 第1行 --> |Time Traveler||[[File:1-1 T0.png]]||play||Arrived at ancient River Town（The new game chooses not to skip the opening animation） |- <!-- 第2行 --> |T1 Completed||[[File:1-2 T1.png]]||factory||All nodes of the T1 have been repaired. |- <!-- 第3行 --> |T2 Completed||[[File:1-3 T2.png]]||factory||All nodes of the T2 have been repaired. |- <!-- 第4行 --> |T3 Completed||[[File:1-4 T3.png]]||factory||All nodes of the T3 have been repaired. |- <!-- 第5行 --> |T4 Completed||[[File:1-5 T4.png]]||factory||All nodes of the T4 have been repaired. |- <!-- 第6行 --> |T5 Completed||[[File:1-6 T5.png]]||factory||All nodes of the T5 have been repaired. |- <!-- 第7行 --> |T6 Completed||[[File:1-7 T6.png]]||factory||All nodes of the T6 have been repaired. |- <!-- 第8行 --> |T7 Completed||[[File:1-8 T7.png]]||factory||All nodes of the T7 have been repaired. |- <!-- 第9行 --> |Automation Start||[[File:2-1auto.png]]||factory||Successfully automated production of 2000 items. |- <!-- 第10行 --> |Industrial Elite||[[File:2-2auto.png]]||factory||Successfully automated production of 8000 items. |- <!-- 第11行 --> |Automation Giant||[[File:2-3auto.png]]||factory||Successfully automated production of 25000 items. |- <!-- 第12行 --> |Production Maniac||[[File:2-4auto.png]]||factory||Successfully automated production of 80000 items. |- <!-- 第13行 --> |God of Machines||[[File:2-5auto.png]]||factory||Successfully automated production of 350000 items. |- <!-- 第14行 --> |Pot of Gold||[[File:3-1money.png]]||factory||Earn 3000g in a single shipment. |- <!-- 第15行 --> |Prosperous||[[File:3-2money.png]]||factory||Earn 15000g in a single shipment. |- <!-- 第16行 --> |Cash Cow||[[File:3-3money.png]]||factory||Earn 80000g in a single shipment. |- <!-- 第17行 --> |Town Myth||[[File:3-4money.png]]||factory||Earn 240000g in a single shipment. |- <!-- 第18行 --> |Goldmine||[[File:3-5money.png]]||factory||Earn 999999g in a single shipment. |- <!-- 第19行 --> |Pitcher Expert||[[File:4-1touhugaoshou.png]]||hide||Achieve first place in the most difficult pitching competition at the Flower Festival. |- <!-- 第20行 --> |Dragon Boat Champion||[[File:4-2longzhou.png]]||hide||Achieve first place in the most difficult dragon boat race at the Dragon Boat Festival. |- <!-- 第21行 --> |Culinary Master||[[File:4-3chuyi.png]]||hide||Achieve first place in the Mid-Autumn Festival culinary competition. |- <!-- 第22行 --> |Charming||[[File:5-1haogan.png]]||play||Attain a 6-heart favor with 1 NPC. |- <!-- 第23行 --> |Intimacy||[[File:5-2haogan.png]]||play||Attain a 6-heart favor with 4 NPCs. |- <!-- 第24行 --> |Glamorous||[[File:5-3haogan.png]]||play||Attain a 6-heart favor with 8 NPCs. |- <!-- 第25行 --> |Famous Person||[[File:5-4haogan.png]]||play||Attain a 6-heart favor with 12 NPCs. |- <!-- 第26行 --> |Mastery||[[File:6-1book.png]]||play||Study 1 martial arts books to the highest level. |- <!-- 第27行 --> |Making Progress||[[File:6-2book.png]]||play||Study 9 martial arts books to the highest level. |- <!-- 第28行 --> |Improving Skills||[[File:6-3book.png]]||play||Study 18 martial arts books to the highest level. |- <!-- 第29行 --> |Grandmaster||[[File:6-4book.png]]||play||Study 27 martial arts books to the highest level. |- <!-- 第30行 --> |Unmatched||[[File:6-5book.png]]||play||Study 36 martial arts books to the highest level. |- <!-- 第31行 --> |Invincible||[[File:6-6book.png]]||play||Study 42 martial arts books to the highest level. |- <!-- 第32行 --> |Mecha descends||[[File:7robot.png]]||hide||Unlock the Oracle Mecha through shards and summon. |} </div> </div> </div> </div> </div> e1d8d9b2ebd5212f537575aa1c2b8ec437f71abe 0 13 26 2023-12-24T05:29:40Z 397790636 415399 创建页面，内容为“=== Construction === In workshops and distributed workshops, we can use the build function to build our production lines. === Control introduction === 【 Build button 】 In the upper right corner below the date. We can click the button or use the shortcut key [Q] to call the build page. Digital keys [0] - [9] can set the building shortcut key. The setting method is to move the mouse to the building you want to select on the building page, and press the numbe…” wikitext text/x-wiki === Construction === In workshops and distributed workshops, we can use the build function to build our production lines. === Control introduction === 【 Build button 】 In the upper right corner below the date. We can click the button or use the shortcut key [Q] to call the build page. Digital keys [0] - [9] can set the building shortcut key. The setting method is to move the mouse to the building you want to select on the building page, and press the number key to set it. The set building will be displayed in the UI 【 Right mouse button 】 Remove the selected building [B] Copy selected buildings [Batch demolition] Ctrl+ right mouse button can batch dismantle buildings (F2 enters power mode, can batch dismantle wires, F3 enters water mode, can batch dismantle water pipes) [[File:工坊操作说明en.png]] [[File:快速建造en.png]] === Construction operation instructions === After selecting the building to be built, 【 left mouse button 】 Build, 【 Right mouse button 】 Cancel, [R] Rotating architecture [[File:建造操作说明en.png]] === Workshop building information === When the mouse points to a building, real-time information about that building is displayed according to the type of building. For example, production buildings Will display its operating status, Recipes, input and output materials, and shortcut key functions [C] Copy the recipe 【V】 Paste the recipe [[File:工坊建筑信息en.png]] When the mouse points to a storage building The name you set for the bin will be displayed, along with the items stored [[File:仓储信息en.png]] When the mouse points at the conveyor belt [F] You can remove items that the mouse points to [R] Rotate the mouse to point the conveyor belt, this function can be used directly on the conveyor belt that has been built [[File:传送带快捷指令en.png]] The use of [underground conveyor belt] Click the left button to place the conveyor belt entrance, and then move the mouse along the direction of our conveyor belt. After reaching the specified position, the single mouse can be placed at the exit again There is a transmission distance, the ground can not be transmitted beyond the distance, we only need multiple connections to use the underground conveyor belt for long distances [[File:地下传送带演示en.png]] 5c3c7fb3944f9399f00efa84a4691fb67d4ef703 27 26 2023-12-24T05:44:58Z 397790636 415399 wikitext text/x-wiki === Construction === In workshops and distributed workshops, we can use the build function to build our production lines. === Control introduction === 【 Build button 】 In the upper right corner below the date. We can click the button or use the shortcut key [Q] to call the build page. Digital keys [0] - [9] can set the building shortcut key. The setting method is to move the mouse to the building you want to select on the building page, and press the number key to set it. The set building will be displayed in the UI 【 Right mouse button 】 Remove the selected building [B] Copy selected buildings [Batch demolition] Ctrl+ right mouse button can batch dismantle buildings (F2 enters power mode, can batch dismantle wires, F3 enters water mode, can batch dismantle water pipes) [[File:工坊操作说明en.png]] [[File:快速建造en.png]] === Construction operation instructions === After selecting the building to be built, 【 left mouse button 】 Build, 【 Right mouse button 】 Cancel, [R] Rotating architecture [[File:建造操作说明en.png]] === Workshop building information === When the mouse points to a building, real-time information about that building is displayed according to the type of building. For example, production buildings Will display its operating status, Recipes, input and output materials, and shortcut key functions [C] Copy the recipe 【V】 Paste the recipe [[File:工坊建筑信息en.png]] When the mouse points to a storage building The name you set for the bin will be displayed, along with the items stored [[File:储物箱说明en.png]] When the mouse points at the conveyor belt [F] You can remove items that the mouse points to [R] Rotate the mouse to point the conveyor belt, this function can be used directly on the conveyor belt that has been built [[File:传送带说明en.png]] The use of [underground conveyor belt] Click the left button to place the conveyor belt entrance, and then move the mouse along the direction of our conveyor belt. After reaching the specified position, the single mouse can be placed at the exit again There is a transmission distance, the ground can not be transmitted beyond the distance, we only need multiple connections to use the underground conveyor belt for long distances [[File:地下传送带en.png]] 0e828b0cf28f694c6c51e6055e15666c7ec9ff8c 28 27 2023-12-24T05:47:58Z 397790636 415399 wikitext text/x-wiki === Construction === In workshops and distributed workshops, we can use the build function to build our production lines. === Control introduction === 【 Build button 】 In the upper right corner below the date. We can click the button or use the shortcut key [Q] to call the build page. Digital keys [0] - [9] can set the building shortcut key. The setting method is to move the mouse to the building you want to select on the building page, and press the number key to set it. The set building will be displayed in the UI 【 Right mouse button 】 Remove the selected building [B] Copy selected buildings [Batch demolition] Ctrl+ right mouse button can batch dismantle buildings (F2 enters power mode, can batch dismantle wires, F3 enters water mode, can batch dismantle water pipes) [[File:工坊操作说明en.png]] [[File:快速建造.png]] === Construction operation instructions === After selecting the building to be built, 【 left mouse button 】 Build, 【 Right mouse button 】 Cancel, [R] Rotating architecture [[File:建造操作说明en.png]] === Workshop building information === When the mouse points to a building, real-time information about that building is displayed according to the type of building. For example, production buildings Will display its operating status, Recipes, input and output materials, and shortcut key functions [C] Copy the recipe 【V】 Paste the recipe [[File:工坊建筑信息en.png]] When the mouse points to a storage building The name you set for the bin will be displayed, along with the items stored [[File:储物箱说明en.png]] When the mouse points at the conveyor belt [F] You can remove items that the mouse points to [R] Rotate the mouse to point the conveyor belt, this function can be used directly on the conveyor belt that has been built [[File:传送带说明en.png]] The use of [underground conveyor belt] Click the left button to place the conveyor belt entrance, and then move the mouse along the direction of our conveyor belt. After reaching the specified position, the single mouse can be placed at the exit again There is a transmission distance, the ground can not be transmitted beyond the distance, we only need multiple connections to use the underground conveyor belt for long distances [[File:地下传送带en.png]] cf62632909e635bb20e7fa9dcd30ed4054c0d0db 0 60 197 2023-12-24T12:28:18Z 397790636 415399 创建页面，内容为“<big> = Mini map = After we fix all the nodes of '''[[天机庙|天机庙]]''' T3, we will be able to unlock the mini map. The mini map allows you to view the mini map of all locations except the workshop. After unlocking, you can view the mini map by clicking the button below the time in the upper right corner. The shortcut key of the mini map is [M]. [[file:0-3.png]]” wikitext text/x-wiki <big> = Mini map = After we fix all the nodes of '''[[天机庙|天机庙]]''' T3, we will be able to unlock the mini map. The mini map allows you to view the mini map of all locations except the workshop. After unlocking, you can view the mini map by clicking the button below the time in the upper right corner. The shortcut key of the mini map is [M]. [[file:0-3.png]] ce38fecb7bcad868a3684dda2b7daaefe2de4dd5 10 105 429 428 2023-12-24T13:20:22Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|资源管理|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 343e0d9aeb075e31756627d1060f36b1687fa186 430 429 2023-12-24T13:40:33Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 328d182f295c60fdfdd9caecd4d3a870b6cb16e1 431 430 2023-12-24T14:08:20Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊出产|宽度=20}} {{板块|图标|item_15300|烹饪菜谱|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_15001|药品配方|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipe|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 400d5a3f65c49268ecd7ab112736d817884ba931 432 431 2023-12-24T14:19:22Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|Medicine recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 683534d4c2eb228d56145da2628c91cdcb843798 433 432 2023-12-24T14:20:36Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|Medicine recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> df431b54ef99a574fa92619c52f16eb035fd422f 434 433 2023-12-24T14:21:44Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|Medicine recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 587d985e7eab8b1901c9b2bad3b21e2810ede320 435 434 2023-12-24T14:29:22Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|Medicine recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|River Town Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|Divine Works Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Snowshine Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|Suburban Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 35cc3ca08b327de4902421637b475e384b1117a5 436 435 2023-12-24T14:37:07Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|Medicine recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|River Town Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|Divine Works Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Snowshine Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|Suburban Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mountain|宽度=20}} {{板块|图标|village1|Harvest Village|宽度=20}} {{板块|图标|village4|Global Village|宽度=20}} {{板块|图标|village2|Whitehead Village|宽度=20}} {{板块|图标|village3|CeaseWar Village|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transport Station|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 95bf35ff581956c99bbc859d90f43c2a4c84e7c3 437 436 2023-12-24T14:40:29Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|Suburban Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mountain|宽度=20}} {{板块|图标|village1|Harvest Village|宽度=20}} {{板块|图标|village4|Global Village|宽度=20}} {{板块|图标|village2|Whitehead Village|宽度=20}} {{板块|图标|village3|CeaseWar Village|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transport Station|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> b69e040bfcebf2ef4f07e12bfcf1cc08e1451eab 438 437 2023-12-24T14:43:29Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|Suburban Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Village|宽度=20}} {{板块|图标|village4|Global Village|宽度=20}} {{板块|图标|village2|Whitehead Village|宽度=20}} {{板块|图标|village3|CeaseWar Village|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> afc5bea53913f20ba03b54ebaf5aba85591c8100 439 438 2023-12-24T14:45:15Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|Suburban Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d982349c94b92359f078494dfc9b3d0299a5b82d 440 439 2023-12-24T14:47:46Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's House|宽度=20}} {{板块|图标|鲁家d|Lu's House|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's House|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 83d2cfa291d294a5d2fcba7b632013c2442fdd90 441 440 2023-12-24T14:49:13Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|River Town Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a97b33598514bef6aef2537b2f27e76fa9fd1c60 442 441 2023-12-24T14:52:02Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|River Town Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0478a453e189616f3ca1789b61be23e46abd5e4f 443 442 2023-12-24T14:52:45Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts Books|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 675eb13b037f03d771e7bd8b840d1f10ddca5e0f 444 443 2023-12-26T04:07:09Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_15300|Foods recipes|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_15001|M recipes|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 7a0d956c6823f395ac4123a5a700c1a3d19c1a20 0 26 72 71 2023-12-24T13:44:08Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone, we are iFAction Studio. Welcome to the WIKI of River Town Factory！ We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 187b7675c94bb815de8b1ab8c8256e722280f580 73 72 2023-12-24T13:45:19Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone, we are iFAction Studio.Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e8424143dcc1437614cd42832ccb031bba913015 74 73 2023-12-24T13:47:20Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e68ff4436c0c63ff4f6634bad805f0c57f3f27a8 75 74 2023-12-24T13:47:56Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--词条块1开始--> <!--div class="game-introduction" style="margin-bottom:40px"> <div class="bili-title-h1">常用功能</div> <div class="bili-divider" style="background:#000000"></div> <div class="bili-title-h2">入门</div> {{板块|按钮|新手指南|'''新手指南'''}} {{板块|按钮|角色|'''角色'''}} {{板块|按钮|时间|'''时间'''}} {{板块|按钮|资源|'''资源'''}} {{板块|按钮|生产线|'''生产线'''}} <div class="bili-divider"></div> <div class="bili-title-h2">工坊</div> {{板块|按钮|生产|'''生产'''}} {{板块|按钮|能源|'''能源'''}} {{板块|按钮|物流|'''物流'''}} {{板块|按钮|科技|'''科技'''}} {{板块|按钮|天机庙|'''天机庙'''}} {{板块|按钮|仓储|'''仓储'''}} {{板块|按钮|家和建筑|'''建筑'''}} <div class="bili-divider"></div> <div class="bili-title-h2">玩法</div> {{板块|按钮|采集|'''采集'''}} {{板块|按钮|村庄|'''村庄'''}} {{板块|按钮|职业天赋|'''职业天赋'''}} <div class="bili-divider"></div> <div class="bili-title-h2">物品</div> {{板块|按钮|装备|'''装备'''}} {{板块|按钮|工具|'''工具'''}} {{板块|按钮|工坊产物|'''工坊产物'''}} {{板块|按钮|掉落|'''掉落'''}} {{板块|按钮|消耗品|'''消耗品'''}} </div> <!--词条块1结束--> <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 513bf8d25238112c344ea31136211c98b54fe39b 76 75 2023-12-24T14:10:35Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> <!--关于游戏开始--> <!--div class="about-us"> <div class="title">关于游戏</div> <div class="desc" style="height: 40px;line-height: 40px;">[https://space.bilibili.com/107654333?spm_id_from=333.1007.0.0 <span class="iFAction工作室UP" style="color:#fff">官方B站</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> <div class="desc" style="height: 40px;line-height: 40px;">[https://store.steampowered.com/app/2281410/_/ <span class="江城创业记" style="color:#fff">游戏页面</span>] <span class="glyphicon glyphicon-menu-right"></span> </div> </div> <!--关于游戏结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 91bb02a0b94ef7df87378fc1a8367cd50b566772 77 76 2023-12-24T14:38:13Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4b30a9d387edd8967acaeff684e8809c62ca94eb 78 77 2023-12-24T14:44:02Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> ab4f3bf8a3fc59b4800bcb134eff40eec3b3f7da 79 78 2023-12-24T14:49:37Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e15ad2e38fd711086d2b3729dfdad54f670cd8c4 80 79 2023-12-24T15:01:04Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4b30a9d387edd8967acaeff684e8809c62ca94eb 81 80 2023-12-24T15:08:17Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> bed2301b5cc38aa0f6dbc1b831e978c99fd73f44 82 81 2023-12-24T15:24:19Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束-- > </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> b739bdfdd5cc029650f23cee5cb0f595ff7d0380 83 82 2023-12-24T15:24:49Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束-- > </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 42ad293fed4f5f4d72198a651c71cf99f843d936 84 83 2023-12-24T15:26:11Z 107654333 415400 撤销[[Special:Contributions/107654333|107654333]]（[[User talk:107654333|讨论]]）的版本2314 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> e2f8c41585008a17e2141cec547700284d341843 85 84 2023-12-26T04:07:41Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 2b72fb86966e8f3b69e1fc2add9052d8be2b9656 10 104 422 421 2023-12-24T15:00:29Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''COMMON FUNCTIONS'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2.png|120px|center|link=Martial Arts]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=River Town]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPCs]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 3ba31814ac81f88089b22ad76ebd67bc4533b9d6 423 422 2023-12-24T15:07:56Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''COMMON FUNCTIONS'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_en.png|120px|center|link=Martial Arts]]</div> <div class="box-icon">[[File:wiki3_en.png|120px|center|link=River Town]]</div> <div class="box-icon">[[File:wiki4_en.png|120px|center|link=NPCs]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 7ffc57a66fffa5a8421f5ebcce4d39d4d776afc7 0 57 189 2023-12-24T20:38:04Z 397790636 415399 创建页面，内容为“<div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">External</span></li> <li class="bili-list-style"><span class="tab-panel">Internal</span></li> <li class="bili-list-style"><span class="tab-panel">Lightness</span></li> <li class="bili-list-style"><span class="tab-panel">Tough</span></li> </ul> <div style="overflow:auto;"> <div class="resp-ta…” wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">External</span></li> <li class="bili-list-style"><span class="tab-panel">Internal</span></li> <li class="bili-list-style"><span class="tab-panel">Lightness</span></li> <li class="bili-list-style"><span class="tab-panel">Tough</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--External--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Main!!Special!!Passive!!Lv limit!!access |- <!-- 第1行 --> |Bamboo Breaking Swordplay||[[file:gongfuZ_6.png]]||Attack+8<br>External+3||Lv1.Attack+3<br>Lv2.External+1<br>Lv3.Defense+2||Basic Attack||Tracking Sword||null||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Flowing Fish Blade||[[file:gongfu_6.png]]||Defense+8<br>External+3||Lv1.External+2<br>Lv2.Attack+2<br>Lv3.HP MAX+15||Basic Attack||Fish Wave||null||3||Flowing Fish Cave to learn |- <!-- 第3行 --> |Solitary Village Swordplay||[[file:gongfuZ_12.png]]||External+7<br>Attack+15<br>Special Lv+1||Lv1.HP MAX+30<br>Lv2.Attack+5<br>Lv3.External+2<br>Lv4.Defense+4||Energy Drain||Shadow Sword||null||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Defy Death Swordplay||[[file:gongfu_10.png]]||Attack+12<br>Lv3.Special Lv+1<br>External+8||Lv1.Attack+6<br>Lv2.MP Max+30<br>Lv3.External+3<br>Lv4.Footwork+4||Basic Attack||Bloody Slash||Risk Your Life||4||Azure Feather Cave to learn |- <!-- 第5行 --> |Residual Winter Swordplay||[[file:gongfuJi_4.png]]||External+6<br>Attack+13<br>Lv4.Special Lv+1||Lv1.External+3<br>Lv2.HP MAX+35<br>Lv3.Attack+5<br>Lv4.MP Max+30||Basic Attack||Summon Giant Sword||Freeze||4||Sliced Bamboo Cave to learn |- <!-- 第6行 --> |Chord Swordplay||[[file:gongfuZ_4.png]]||Attack+18<br>HP MAX+150<br>Lv4.Special Lv+1<br>External+14||Lv1.MP Max+55<br>Lv2.Attack+9<br>Lv3.External+7<br>Lv4.Internal+5<br>Lv5.Defense+9||Sword in Music||Nine Revolving String||null||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第7行 --> |Star Stealing SwordDance||[[file:gongfuYu_2.png]]||External+15<br>Attack+16<br>Defense+16<br>Lv5.Special Lv+1||Lv1.External+8<br>Lv2.HP MAX+60<br>Lv3.Attack+7<br>Lv4.Tough+4<br>Lv5.Luck+5||Blood Rush||Sword Rain||null||5||Star Stealing Cave to learn |- <!-- 第8行 --> |Secular Palms||[[file:gongfuTemple_2.png]]||Lv2.Special Lv+1<br>External+12<br>Insight+15<br>Attack+24||Lv1.HP MAX+50<br>Lv2.Defense+8<br>Lv3.External+9<br>Lv4.Insight+5<br>Lv5.MP Max+50||Basic Attack||Buddha's Descent||Immaculate||5||Tomb-sweeping Day（unopened） |- <!-- 第9行 --> |Fleet Rabbit Swordplay||[[file:gongfu_4.png]]||External+13<br>Attack+18<br>HP MAX+160<br>Lv5.Special Lv+1||Lv1.External+9<br>Lv2.HP MAX+60<br>Lv3.Attack+9<br>Lv4.Defense+9<br>Lv5.Footwork+8||Rabbit's Escape||Rabbit's Fury||null||5||Skysplitting Ruins to learn |- <!-- 第10行 --> |Blaze War Swordplay||[[file:gongfuZ_10.png]]||Attack+28<br>Lv3.Special Lv+1<br>External+20<br>HP MAX+240<br>Lv7.Special Lv+1||Lv1.MP Max+90<br>Lv2.External+13<br>Lv3.Attack+15<br>Lv4.Defense+15<br>Lv5.HP MAX+100<br>Lv6.Stamina+80<br>Lv7.Lightness+4||Twin Blaze Swords||Sword's Soul||null||7||Dragon Boat Festival During the Jiangcheng Pier activities consumed 230 Dragon Boat Festival prize rolls purchase |- <!-- 第11行 --> |Eternal Palms||[[file:gongfuTemple_4.png]]||External+15<br>Attack+25<br>Lv4.Special Lv+1<br>Defense+20<br>Lv7.Special Lv+1||Lv1.External+12<br>Lv2.HP MAX+120<br>Lv3.Attack+18<br>Lv4.Defense+12<br>Lv5.Tough+5<br>Lv6.Footwork+10<br>Lv7.Insight+8||Brave Faith||Empty Skandhas||null||7||donated 75 items to Divine Works Museum |- <!-- 第12行 --> |Han Shan Swordplay||[[file:gongfuJi_2.png]]||Attack+24<br>Lv2.Special Lv+1<br>External+16<br>Lv5.Special Lv+1<br>HP MAX+200||Lv1.Attack+16<br>Lv2.External+12<br>Lv3.Internal+12<br>Lv4.HP MAX+80<br>Lv5.Lightness+6<br>Lv6.Luck+8<br>Lv7.Tough+6||Sword's Friend||Sudden Snow||null||7||During the Spring Festival, Jiangcheng activities consumed 240 Spring Festival prize rolls to purchase |- <!-- 第13行 --> |Nine Inferno Swordplay||[[file:gongfuZhu_2.png]]||External+24<br>Attack+36<br>Lv3.Special Lv+1<br>HP MAX+240<br>Lv7.Special Lv+1<br>Lv9.Special Lv+1||Lv1.External+16<br>Lv2.Internal+16<br>Lv3.Attack+25<br>Lv4.Defense+25<br>Lv5.HP MAX+120<br>Lv6.MP Max+120<br>Lv7.Insight+10<br>Lv8.Luck+10<br>Lv9.External+18||Basic Attack||Sword of Hell||Hellfire||9||Wilderness Ruins to learn |} </div> <div class="resp-tab-content" style="display:none"><!--Internal--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Sunk Boat Mantra||[[file:gongfuZ_5.png]]||Light Range+64<br>MP Max+40||Lv1.Internal+1<br>Lv2.MP Max+10<br>Lv3.HP MAX+10||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Prosperity Mantra||[[file:gongfu_5.png]]||Light Range+68<br>Internal+3||Lv1.MP Max+12<br>Lv2.Internal+1<br>Lv3.Defense+3||3||Flowing Fish Cave to learn |- <!-- 第3行 --> |Suspension Bridge Mantra||[[file:gongfuZ_11.png]]||Light Range+76<br>MP Max+75<br>Internal+5||Lv1.Attack++3<br>Lv2.Internal+2,<br>Lv3.Stamina+20<br>Lv4.HP MAX+20||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Roc Mantra||[[file:gongfu_9.png]]||Light Range+72<br>Internal+6<br>MP Max+75||Lv1.Internal+3,<br>Lv2.Defense+5,<br>Lv3.Attack++5,<br>Lv4.MP Max+20||4||Azure Feather Cave to learn |- <!-- 第5行 --> |Bursting Frost Mantra||[[file:gongfuJi_3.png]]||Light Range+64<br>MP Max+90<br>Internal+7||Lv1.MP Max+25<br>Lv2.Internal+4<br>Lv3.Attack++5<br>Lv4.HP MAX+25||4||Sliced Bamboo Cave to learn |- <!-- 第6行 --> |Dry Well Mantra||[[file:gongfuZ_1.png]]||Light Range+88<br>MP Max+120<br>HP MAX+120<br>Internal+12||Lv1.Internal+6<br>Lv2.Defense+8<br>Lv3.MP Max+50<br>Lv4.HP MAX+50<br>Lv5.Attack++8||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第7行 --> |Night Bloom Mantra||[[file:gongfuYu_1.png]]||Light Range+80<br>Attack++20<br>MP Max+100<br>Internal+13||Lv1.MP Max+60<br>Lv2.Internal+6<br>Lv3.HP MAX+40<br>Lv4.Stamina+30<br>Lv5.Footwork+9||5||Star Stealing Cave to learn |- <!-- 第8行 --> |Stillness Sutras||[[file:gongfuTemple_1.png]]||Light Range+84<br>Defense+20<br>Internal+10<br>MP Max+120||Lv1.HP MAX+55<br>Lv2.MP Max+55<br>Lv3.Internal+7<br>Lv4.Attack++9<br>Lv5.Defense+8||5||Yi Yuan favorability reaches 6 hearts |- <!-- 第9行 --> |Bandit Mantra||[[file:gongfu_1.png]]||Light Range+96<br>Internal+12<br>MP Max+90<br>MP Recovery+1||Lv1.Internal+6<br>Lv2.External+2<br>Lv3.MP Max+60<br>Lv4.Luck+5<br>Lv5.Tough+3||5||Skysplitting Ruins to learn |- <!-- 第10行 --> |SwordWay Scrolls||[[file:gongfuZ_9.png]]||Light Range+100<br>MP Max+180<br>MP Recovery+2<br>Internal+18<br>Stamina+100||Lv1.HP MAX+80<br>Lv2.MP Max+80<br>Lv3.Internal+9<br>Lv4.Attack++12<br>Lv5.Defense+10<br>Lv6.Footwork+9<br>Lv7.Insight+5||7||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor won after defeating Yu Guanshan |- <!-- 第11行 --> |Giant Dragon Mantra||[[file:gongfu_8.png]]||Light Range+108<br>HP MAX+200<br>MP Max+150<br>MP Recovery+2<br>Internal+15||Lv1.Internal+8<br>Lv2.External+6<br>Lv3.MP Max+70<br>Lv4.HP MAX+70<br>Lv5.MP Max+75<br>Lv6.Luck+10<br>Lv7.Stamina+40||7||Dragon Boat Festival During the Jiangcheng Pier activities consumed 230 Dragon Boat Festival prize rolls purchase |- <!-- 第12行 --> |Brahman Sutras||[[file:gongfuTemple_3.png]]||Light Range+110<br>Internal+16<br>MP Recovery+2<br>MP Max+240<br>Stamina+150||Lv1.MP Max+80<br>Lv2.Tough+6<br>Lv3.Internal+9<br>Lv4.Insight+8<br>Lv5.Attack++12<br>Lv6.Stamina+50<br>Lv7.HP MAX+80||7||Weird Cave to learn |- <!-- 第13行 --> |Ice Erosion Mantra||[[file:gongfuJi_1.png]]||Light Range+60<br>HP MAX+360<br>MP Max+360<br>Internal+20<br>MP Recovery+2||Lv1.Internal+10<br>Lv2.MP Max+70<br>Lv3.Lightness+6<br>Lv4.External+6<br>Lv5.Footwork+15<br>Lv6.Defense+14<br>Lv7.Luck+8||7||[[Whitehead Village]]Help repair the Warrior Menagerie |- <!-- 第14行 --> |Emperor Scrolls||[[file:gongfuZhu_1.png]]||Light Range+130<br>Internal+25<br>External+25<br>Tough+25<br>MP Recovery+3<br>MP Max+500||Lv1.MP Max+120<br>Lv2.HP MAX+120<br>Lv3.Internal+15<br>Lv4.External+15<br>Lv5.Attack++25<br>Lv6.Defense+25<br>Lv7.Insight+10<br>Lv8.Luck+10<br>Lv9.Internal+15||9||Shadowseeker Cave to learn |} </div> <div class="resp-tab-content" style="display:none"><!--Lightness--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Cloud Walking||[[file:gongfuZ_8.png]]||Speed+3%<br>Stamina+80||Lv1.Stamina+20<br>Lv2.Footwork+2<br>Lv3.Lightness+1||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Moon Covering Step||[[file:gongfuYu_3.png]]||Stamina+50<br>Speed+5%||Lv1.Footwork+1<br>Lv2.Stamina+25<br>Lv3.Lightness+1||3||Arcane Dust Ruins to learn |- <!-- 第3行 --> |Sword Treading Step||[[file:gongfuZ_14.png]]||Stamina+100<br>Lightness+5<br>Speed+8%||Lv1.Stamina+30<br>Lv2.Lightness+1<br>Lv3.Footwork+3<br>Lv4.Lightness+2||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Cat Stealth||[[file:gongfu_12.png]]||Speed+6%<br>Lightness+6<br>Footwork+20||Lv1.Lightness+2<br>Lv2.Stamina+25<br>Lv3.Footwork+6<br>Lv4.Defense+2||4||Moonlight Cave to learn |- <!-- 第5行 --> |Rain Dance||[[file:gongfuZ_3.png]]||Lightness+9<br>Speed+10%<br>Footwork+35||Lv1.Lightness+4<br>Lv2.Footwork+9<br>Lv3.Stamina+40<br>Lv4.Lightness+3<br>Lv5.Stamina+30||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第6行 --> |Sparrow Hop||[[file:gongfu_3.png]]||Lightness+8<br>Speed+12%<br>Lightness+6<br>Footwork+55||Lv1.Stamina+25<br>Lv2.Lightness+3<br>Lv3.Footwork+7<br>Lv4.Lightness+2<br>Lv5.Attack++6||5||Sun Daoyi favorability reaches 8 hearts |- <!-- 第7行 --> |Illusion Flower Dance||[[file:gongfuYu_4.png]]||Lightness+17<br>Footwork+85<br>Speed+16%<br>Luck+10<br>Stamina+120||Lv1.Footwork+15<br>Lv2.Stamina+40<br>Lv3.Lightness+9<br>Lv4.Stamina+40<br>Lv5.Luck+5<br>Lv6.Lightness+8<br>Lv7.Attack++12||7||[[Festival|Flower Festival]]During the Jiangcheng outskirts of the pot activity consumption of 230 flower festival awards roll purchase |- <!-- 第8行 --> |Wind Runner||[[file:gongfuZhu_4.png]]||Speed+20%<br>Lightness+30<br>Stamina+150<br>Footwork+110<br>Internal+10<br>External+10||Lv1.Stamina+45<br>Lv2.Lightness+12<br>Lv3.Internal+8<br>Lv4.Stamina+50<br>Lv5.Footwork+20<br>Lv6.MP Max+150<br>Lv7.Defense+16<br>Lv8.External+8<br>Lv9.Lightness+15||9||Southern Oracle Mystery |} </div> <div class="resp-tab-content" style="display:none"><!--Tough--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Fully Armed||[[file:gongfuZ_7.png]]||Defense+6||Lv1.HP MAX+30<br>Lv2.Defense+4<br>Lv3.Tough+1||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Mud Attire||[[file:gongfu_7.png]]||HP MAX+120||Lv1.Defense+4<br>Lv2.HP MAX+40<br>Lv3.Tough+1||3||Arcane Dust Ruins to learn |- <!-- 第3行 --> |Iron Arm||[[file:gongfuZ_13.png]]||Defense+15<br>HP MAX+150||Lv1.Tough+2<br>Lv2.Defense+5<br>Lv3.HP MAX+50<br>Lv4.External+1||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Golden Shield||[[file:gongfu_11.png]]||HP MAX+160<br>Defense+12||Lv1.HP MAX+40<br>Lv2.Tough+2<br>Lv3.Defense+6<br>Lv4.Internal+1||4||[[village|Harvest Village]]Obtained after the completion of the killer side quest |- <!-- 第5行 --> |Inverted Golden Bell||[[file:gongfuZ_2.png]]||Tough+10<br>Defense+24<br>HP MAX+220||Lv1.Tough+4<br>Lv2.Defense+9<br>Lv3.HP MAX+80<br>Lv4.Lightness+2<br>Lv5.Defense+7||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第6行 --> |Tortoise Shell||[[file:gongfu_2.png]]||Defense+30<br>HP MAX+180<br>Tough+11||Lv1.Defense+8<br>Lv2.HP MAX+90<br>Lv3.Tough+3<br>Lv4.MP Max+50<br>Lv5.HP MAX+80||5||donated 48 items to Divine Works Museum |- <!-- 第7行 --> |Buddha Shield||[[file:gongfuTemple_5.png]]||HP MAX+265<br>Tough+18<br>Defense+50<br>HP Recovery+2||Lv1.HP MAX+150<br>Lv2.Tough+7<br>Lv3.Luck+5<br>Lv4.Defense+12<br>Lv5.External+4<br>Lv6.HP MAX+120<br>Lv7.Insight+10||7||[[village|CeaseWar Village]]Complete the quest [wine Meat monk] to get |- <!-- 第8行 --> |Sky Holding Barrier||[[file:gongfuZhu_3.png]]||Defense+80<br>HP MAX+350<br>Tough+30<br>Lightness+10<br>HP Recovery+3||Lv1.Defense+25<br>Lv2.HP MAX+200<br>Lv3.Insight+10<br>Lv4.Internal+10<br>Lv5.Tough+13<br>Lv6.Luck+10<br>Lv7.HP MAX+210<br>Lv8.Defense+30<br>Lv9.Tough+15||9||[[village|Whitehead Village]]Ice Lake quest obtained ||||||||||| |} </div> </div> </div> </div> </div> 90968fb88c1fdcbbb80cb6fddecebd1baaa795e0 0 77 281 2023-12-24T21:33:04Z 397790636 415399 创建页面，内容为“[[file:江城地图en.png]] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Position!!NPC!!Feature |- <!-- 第1行 --> |rowspan=3 colspan=1|River Town Guild<br>(8:30-17:00) |Lin Shanshi||Purchase goods，upgrade the house |- <!-- 第2行 --> ||Xu Fuchun||Purchase goods,reset talents,Apply for divorce |- <!-- 第3行 --> ||bounty board||Take the reward quest to earn money, refresh the quest every Monday, |- <!-- 第4行 --> |Blacksmith<br>(9:…” wikitext text/x-wiki [[file:江城地图en.png]] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Position!!NPC!!Feature |- <!-- 第1行 --> |rowspan=3 colspan=1|River Town Guild<br>(8:30-17:00) |Lin Shanshi||Purchase goods，upgrade the house |- <!-- 第2行 --> ||Xu Fuchun||Purchase goods,reset talents,Apply for divorce |- <!-- 第3行 --> ||bounty board||Take the reward quest to earn money, refresh the quest every Monday, |- <!-- 第4行 --> |Blacksmith<br>(9:00-17:00)||Lu Wei||Purchase goods，upgrade pickaxe |- <!-- 第5行 --> |Variety store||Cao Yunhui||Purchase goods |- <!-- 第6行 --> |Divination booth||Sun Daoyi||Purchase goods，today fortune，Know one`s favorite |- <!-- 第7行 --> |rowspan=2 colspan=1|Tailor Shop<br>(11:00-19:00) |Tan||Purchase goods，升级背包，reside |- <!-- 第8行 --> ||Yeli Wangzhu||reside |- <!-- 第9行 --> |rowspan=3 colspan=1|Moonriver Inn<br>（12:00-1:00） |Liu Sanniang||Purchase goods，Learn to cook |- <!-- 第10行 --> ||Liu Yiyi||reside |- <!-- 第11行 --> ||Yi Yuan||reside |- <!-- 第12行 --> |rowspan=2 colspan=1|JiAn Clinic<br>（9:00-16:00） |Lu Ying||Purchase goods |- <!-- 第13行 --> ||Lu Chanyi||reside |- <!-- 第14行 --> |Divine Works Museum<br>（9:00-20:00）||Zheng De||Collected |- <!-- 第15行 --> |Occult Go Club<br>（10:00-22:00）||Xu Changting||reside |- <!-- 第16行 --> |Snowshine Academy<br>（10:00-20：00）||Li Yan||reside |- <!-- 第17行 --> |||Hong Xian||reside |- <!-- 第18行 --> |Xu`s Main hall<br>（8:00-22:00）||Xu Fuchun||reside |- <!-- 第19行 --> |Lin Shanshi||Lin Shanshi||reside |- <!-- 第20行 --> |Xu Changting`s room<br>（10：00-22:00）||Xu Changting||reside |- <!-- 第21行 --> |Xu Changkong`s room<br>（11:00-1:00）||Xu Changkong||reside |- <!-- 第22行 --> |Changshan's House<br>(9:00-22:00)||Helian Changshan||reside |- <!-- 第23行 --> |||Atuo||reside |- <!-- 第24行 --> |赫连家东厢房(11:00-1:00)||Xu Changkong||reside |- <!-- 第25行 --> |Lu's House<br>(8:00-22:00)||Lu Wei||reside |- <!-- 第26行 --> |||Cao Yunhui||reside |- <!-- 第27行 --> |||Lu Binghua||reside |- <!-- 第28行 --> |Sun Daoyi's House<br>(20:00-23：00)||Sun Daoyi||reside |- <!-- 第29行 --> |River Town Dock|| |rowspan=4 colspan=1|'''[[首页|Gather]]''' |- <!-- 第30行 --> |River Town Suburbs|| |- <!-- 第31行 --> |River Town Hilltop|| |- <!-- 第32行 --> |Suburban Hilltop|| |} </div> </div> </div> </div> </div> d943a2224f2e41609e7ced4830e2b8d17cef4f3a 282 281 2023-12-24T21:37:24Z 397790636 415399 wikitext text/x-wiki [[file:江城地图en.png]] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Position!!NPC!!Feature |- <!-- 第1行 --> |rowspan=3 colspan=1|River Town Guild<br>(8:30-17:00) |Lin Shanshi||Purchase goods，upgrade the house |- <!-- 第2行 --> ||Xu Fuchun||Purchase goods,reset talents,Apply for divorce |- <!-- 第3行 --> ||bounty board||Take the reward quest to earn money, refresh the quest every Monday, |- <!-- 第4行 --> |Blacksmith<br>(9:00-17:00)||Lu Wei||Purchase goods，upgrade pickaxe |- <!-- 第5行 --> |Variety store||Cao Yunhui||Purchase goods |- <!-- 第6行 --> |Divination booth||Sun Daoyi||Purchase goods，today fortune，Know one`s favorite |- <!-- 第7行 --> |rowspan=2 colspan=1|Tailor Shop<br>(11:00-19:00) |Tan||Purchase goods，upgrade backpack，reside |- <!-- 第8行 --> ||Yeli Wangzhu||reside |- <!-- 第9行 --> |rowspan=3 colspan=1|Moonriver Inn<br>（12:00-1:00） |Liu Sanniang||Purchase goods，Learn to cook |- <!-- 第10行 --> ||Liu Yiyi||reside |- <!-- 第11行 --> ||Yi Yuan||reside |- <!-- 第12行 --> |rowspan=2 colspan=1|JiAn Clinic<br>（9:00-16:00） |Lu Ying||Purchase goods |- <!-- 第13行 --> ||Lu Chanyi||reside |- <!-- 第14行 --> |Divine Works Museum<br>（9:00-20:00）||Zheng De||Collected |- <!-- 第15行 --> |Occult Go Club<br>（10:00-22:00）||Xu Changting||reside |- <!-- 第16行 --> |Snowshine Academy<br>（10:00-20：00）||Li Yan||reside |- <!-- 第17行 --> |||Hong Xian||reside |- <!-- 第18行 --> |Xu`s Main hall<br>（8:00-22:00）||Xu Fuchun||reside |- <!-- 第19行 --> |Lin Shanshi||Lin Shanshi||reside |- <!-- 第20行 --> |Xu Changting`s room<br>（10：00-22:00）||Xu Changting||reside |- <!-- 第21行 --> |Xu Changkong`s room<br>（11:00-1:00）||Xu Changkong||reside |- <!-- 第22行 --> |Changshan's House<br>(9:00-22:00)||Helian Changshan||reside |- <!-- 第23行 --> |||Atuo||reside |- <!-- 第24行 --> |赫连家东厢房(11:00-1:00)||Xu Changkong||reside |- <!-- 第25行 --> |Lu's House<br>(8:00-22:00)||Lu Wei||reside |- <!-- 第26行 --> |||Cao Yunhui||reside |- <!-- 第27行 --> |||Lu Binghua||reside |- <!-- 第28行 --> |Sun Daoyi's House<br>(20:00-23：00)||Sun Daoyi||reside |- <!-- 第29行 --> |River Town Dock|| |rowspan=4 colspan=1|[[首页|Gather]] |- <!-- 第30行 --> |River Town Suburbs|| |- <!-- 第31行 --> |River Town Hilltop|| |- <!-- 第32行 --> |Suburban Hilltop|| |} </div> </div> </div> </div> </div> a19529c99b59f9bd700486acb4fe8f034dc90f3f 283 282 2023-12-24T22:26:06Z 397790636 415399 wikitext text/x-wiki [[file:江城地图en.png]] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Position!!NPC!!Feature |- <!-- 第1行 --> |rowspan=3 colspan=1|River Town Guild<br>(8:30-17:00) |Lin Shanshi||Purchase goods，upgrade the house |- <!-- 第2行 --> ||Xu Fuchun||Purchase goods,reset talents,Apply for divorce |- <!-- 第3行 --> ||bounty board||Take the reward quest to earn money, refresh the quest every Monday, |- <!-- 第4行 --> |Blacksmith<br>(9:00-17:00)||Lu Wei||Purchase goods，upgrade pickaxe |- <!-- 第5行 --> |Variety store||Cao Yunhui||Purchase goods |- <!-- 第6行 --> |Divination booth||Sun Daoyi||Purchase goods，today fortune，Know one`s favorite |- <!-- 第7行 --> |rowspan=2 colspan=1|Tailor Shop<br>(11:00-19:00) |Tan||Purchase goods，upgrade backpack，reside |- <!-- 第8行 --> ||Yeli Wangzhu||reside |- <!-- 第9行 --> |rowspan=3 colspan=1|Moonriver Inn<br>（12:00-1:00） |Liu Sanniang||Purchase goods，Learn to cook |- <!-- 第10行 --> ||Liu Yiyi||reside |- <!-- 第11行 --> ||Yi Yuan||reside |- <!-- 第12行 --> |rowspan=2 colspan=1|JiAn Clinic<br>（9:00-16:00） |Lu Ying||Purchase goods |- <!-- 第13行 --> ||Lu Chanyi||reside |- <!-- 第14行 --> |Divine Works Museum<br>（9:00-20:00）||Zheng De||Collected |- <!-- 第15行 --> |Occult Go Club<br>（10:00-22:00）||Xu Changting||reside |- <!-- 第16行 --> |Snowshine Academy<br>（10:00-20：00）||Li Yan||reside |- <!-- 第17行 --> |||Hong Xian||reside |- <!-- 第18行 --> |Xu`s Main hall<br>（8:00-22:00）||Xu Fuchun||reside |- <!-- 第19行 --> |Lin Shanshi||Lin Shanshi||reside |- <!-- 第20行 --> |Xu Changting`s room<br>（10：00-22:00）||Xu Changting||reside |- <!-- 第21行 --> |Xu Changkong`s room<br>（11:00-1:00）||Xu Changkong||reside |- <!-- 第22行 --> |Changshan's House<br>(9:00-22:00)||Helian Changshan||reside |- <!-- 第23行 --> |||Atuo||reside |- <!-- 第24行 --> |East wing(11:00-1:00)||Xu Changkong||reside |- <!-- 第25行 --> |Lu's House<br>(8:00-22:00)||Lu Wei||reside |- <!-- 第26行 --> |||Cao Yunhui||reside |- <!-- 第27行 --> |||Lu Binghua||reside |- <!-- 第28行 --> |Sun Daoyi's House<br>(20:00-23：00)||Sun Daoyi||reside |- <!-- 第29行 --> |River Town Dock|| |rowspan=4 colspan=1|[[首页|Gather]] |- <!-- 第30行 --> |River Town Suburbs|| |- <!-- 第31行 --> |River Town Hilltop|| |- <!-- 第32行 --> |Suburban Hilltop|| |} </div> </div> </div> </div> </div> 59b32ed97d439933d6c3379f4d433f3a321aafc1 0 66 248 2023-12-24T21:56:17Z 397790636 415399 创建页面，内容为“==NPC== [[文件:face_cff_0.png|Chai Feifei|100px|left|link=Chai Feifei]] [[文件:face_hlcs_0.png|He Lianchangshan|125px|link=He Lianchangshan]] [[文件:face_lcy_0.png|Lu Chanyi|100px|link=Lu Chanyi]] [[文件:face_lwx_0.png|Li Wangxing|125px|link=Li Wangxing]] [[文件:face_lyy_0.png|Liu Yiyi|100px|link=Liu Yiyi]] [[文件:face_xck_0.png|Xu Changkong|125px|link=Xu Changkong]] [[文件:face_xct_0.png|Xu Changting|100px|link=Xu Changting]] 文件:face_zly_0.…” wikitext text/x-wiki ==NPC== [[文件:face_cff_0.png|Chai Feifei|100px|left|link=Chai Feifei]] [[文件:face_hlcs_0.png|He Lianchangshan|125px|link=He Lianchangshan]] [[文件:face_lcy_0.png|Lu Chanyi|100px|link=Lu Chanyi]] [[文件:face_lwx_0.png|Li Wangxing|125px|link=Li Wangxing]] [[文件:face_lyy_0.png|Liu Yiyi|100px|link=Liu Yiyi]] [[文件:face_xck_0.png|Xu Changkong|125px|link=Xu Changkong]] [[文件:face_xct_0.png|Xu Changting|100px|link=Xu Changting]] [[文件:face_zly_0.png|Li Yan|100px|link=Li Yan]] [[文件:萧钰.png|Xiao Yu|100px|link=Xiao Yu]] [[文件:阿昙.png|Tan|100px|link=Tan]] ==Other NPC== [[文件:鲁冰花.png|Lu Binghua|100px|link=Lu Binghua]] [[文件:一元.png|Yi Yuan|100px|link=Yi Yuan]] [[文件:徐富春.png|Xu Fuchun|100px|link=Xu Fuchun]] [[文件:林山石.png|Lin Shanshi|100px|link=Lin Shanshi]] [[文件:曹云惠.png|Cao Yunhui|100px|link=Cao Yunhui]] [[文件:鲁威.png|Lu Wei|100px|link=Lu Wei]] [[文件:曹云秀.png|Cao Yunxiu|100px|link=Cao Yunxiu]] [[文件:俞关山.png|Yu Guanshan|100px|link=Yu Guanshan]] [[文件:孙道一.png|Sun Daoyi|100px|link=Sun Daoyi]] [[文件:陆英.png|Lu Ying|100px|link=Lu Ying]] [[文件:郑德.png|Zheng De|100px|link=Zheng De]] [[文件:红弦.png|Hong Xian|100px|link=Hong Xian]] [[文件:寒山.png|Han Shan|100px|link=Han Shan]] [[文件:野利旺珠.png|Ye Liwangzhu|100px|link=Ye Liwangzhu]] [[文件:柳三娘.png|Liu Sanniang|100px|link=Liu Sanniang]] [[文件:柴世豪.png|Chai Shihao|100px|link=Chai Shihao]] [[文件:柴家祖母.png|Grandmother Chai|100px|link=Grandmother Chai]] ce18c7d4e382192ca53d985f039cc6c33917d193 0 19 40 2023-12-24T22:17:20Z 397790636 415399 创建页面，内容为“===Journey==== 【Monday】 No matter the four seasons, Chai Feifei will not leave Chai home. At 10 o 'clock, get up to train the servant. At 13 o 'clock, go to the ancestral hall. At 17:00, go back to the room and look at the books. At 21, go to bed. 【 Wednesday 】 At 13 o 'clock, visit Grandma in Grandma's room. Other same Monday 【 Tuesday 】【 Saturday 】 At 7:30, get up and go to Jiangcheng, and Li Wangxing in front of Xufu rockery collect…” wikitext text/x-wiki ===Journey==== 【Monday】 No matter the four seasons, Chai Feifei will not leave Chai home. At 10 o 'clock, get up to train the servant. At 13 o 'clock, go to the ancestral hall. At 17:00, go back to the room and look at the books. At 21, go to bed. 【 Wednesday 】 At 13 o 'clock, visit Grandma in Grandma's room. Other same Monday 【 Tuesday 】【 Saturday 】 At 7:30, get up and go to Jiangcheng, and Li Wangxing in front of Xufu rockery collection, wait until Xu Changkong got up after 11 o 'clock start to play. Spring and Autumn: Chai Feifei will go shopping with two small hair in Jiangcheng. 11:00, head to the forge. 14:12, go to Wangzhu clothes shop. 17:40, depart for Jiangyue Building dinner. At half past 21, go home and rest. Summer: Chai Feifei will go to the countryside together with two small hair outing. At 11:00, head to the outskirts of Jiangcheng. Leave for the restaurant at 17:00. Go home and rest at half past 21. Winter: Chai Feifei will stand outside Tiangong Pavilion with two small hair. 11:00, head to Tiangong Pavilion. Leave for the restaurant at 17:00. Go home and rest at half past 21. 【 Thursday 】 Chai Feifei will visit Cao Yunxiu Zhuangjian Pavilion, and participate in Li Wangxing's "national martial arts" plan. At 7 o 'clock, get up and go to the small tea house on the second floor of the main hall of Longjian Pavilion. At 13 o 'clock, go to the Zhuangjige Martial Arts Arena. 18:00, back in the room to throw the pot. 21 o 'clock, go to bed. 【 Friday 】 Chai Fei in the speaker Ding, will go to the guild to visit Xu Fuchun, and after the guild business to accompany him to play chess. At 10 o 'clock, get up to train the servant. At 13:00, head to the River City Guild. 18:12, go to Tongxuan chess Club to play chess with Xu Fuchun. 21:28, go home to bed. 【Sunday】 Chai Feifei will visit the exhibition in Helian Changshan, and in the afternoon with Chai Shihao in the Jiangyue building private room for dinner. At 8:30, get up and go to the special sale of Helian Changshan in Jiangcheng. At 15 o 'clock, go to Jiang Yue Building private room for dinner. At 20, go home to bed. ba802ae2d7175268e3cddbbad3efa8476be5e236 41 40 2023-12-24T22:20:46Z 397790636 415399 wikitext text/x-wiki ===Journey=== 【Monday】 No matter the four seasons, Chai Feifei will not leave Chai home. At 10 o 'clock, get up to train the servant. At 13 o 'clock, go to the ancestral hall. At 17:00, go back to the room and look at the books. At 21, go to bed. 【 Wednesday 】 At 13 o 'clock, visit Grandma in Grandma's room. Other same Monday 【 Tuesday 】【 Saturday 】 At 7:30, get up and go to Jiangcheng, and Li Wangxing in front of Xufu rockery collection, wait until Xu Changkong got up after 11 o 'clock start to play. Spring and Autumn: Chai Feifei will go shopping with two small hair in Jiangcheng. 11:00, head to the forge. 14:12, go to Wangzhu clothes shop. 17:40, depart for Jiangyue Building dinner. At half past 21, go home and rest. Summer: Chai Feifei will go to the countryside together with two small hair outing. At 11:00, head to the outskirts of Jiangcheng. Leave for the restaurant at 17:00. Go home and rest at half past 21. Winter: Chai Feifei will stand outside Tiangong Pavilion with two small hair. 11:00, head to Tiangong Pavilion. Leave for the restaurant at 17:00. Go home and rest at half past 21. 【 Thursday 】 Chai Feifei will visit Cao Yunxiu Zhuangjian Pavilion, and participate in Li Wangxing's "national martial arts" plan. At 7 o 'clock, get up and go to the small tea house on the second floor of the main hall of Longjian Pavilion. At 13 o 'clock, go to the Zhuangjige Martial Arts Arena. 18:00, back in the room to throw the pot. 21 o 'clock, go to bed. 【 Friday 】 Chai Fei in the speaker Ding, will go to the guild to visit Xu Fuchun, and after the guild business to accompany him to play chess. At 10 o 'clock, get up to train the servant. At 13:00, head to the River City Guild. 18:12, go to Tongxuan chess Club to play chess with Xu Fuchun. 21:28, go home to bed. 【Sunday】 Chai Feifei will visit the exhibition in Helian Changshan, and in the afternoon with Chai Shihao in the Jiangyue building private room for dinner. At 8:30, get up and go to the special sale of Helian Changshan in Jiangcheng. At 15 o 'clock, go to Jiang Yue Building private room for dinner. At 20, go home to bed. 3d2904138b2db010f61ea15bbedd460d29dca711 0 40 120 2023-12-24T22:30:22Z 397790636 415399 创建页面，内容为“===Journey=== [Except Tuesday in summer] He Lianchangshan will go to Moonriver Inn to drink every night, and leave Moonriver Inn at 23 o 'clock to return home. * Spring and Autumn 【 Monday 】 10:00, from home to the forge. 14:00, go to Divine Works Museum. At 19:00, go to Moonriver Inn for drinks. 【 Tuesday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Wednesday…” wikitext text/x-wiki ===Journey=== [Except Tuesday in summer] He Lianchangshan will go to Moonriver Inn to drink every night, and leave Moonriver Inn at 23 o 'clock to return home. * Spring and Autumn 【 Monday 】 10:00, from home to the forge. 14:00, go to Divine Works Museum. At 19:00, go to Moonriver Inn for drinks. 【 Tuesday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Wednesday 】【 Friday 】 At 10:00, get up for the guild. At 15:00, go back to the central warehouse and order. At 19:00, go to Moonriver Inn for drinks. 【 Thursday 】 8:00, get up and go to the dock. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Saturday 】 At 10:00, get up and go to the lobby for Atto's debrief. At 14:00, go to the warehouse with Alto. At 18:10, take A to Moonriver Inn for dinner. 【 Sunday 】 At 9:00, wake up for the sale. At 18:00, end the sale and go to Moonriver Inn for dinner. * Summer 【 Tuesday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. 18:41, home to receive Xu Fuchun. 21:31, see you off. At 22:00, I go home to bed. 【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period * Winter 【 Tuesday 】【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period 3d1813fd76b096fb2b27af948feebe95a4472082 121 120 2023-12-24T22:31:26Z 397790636 415399 wikitext text/x-wiki ===Journey=== [Except Tuesday in summer] He Lianchangshan will go to Moonriver Inn to drink every night, and leave Moonriver Inn at 23 o 'clock to return home. * Spring and Autumn 【 Monday 】 10:00, from home to the forge. 14:00, go to Divine Works Museum. At 19:00, go to Moonriver Inn for drinks. 【 Tuesday 】 At 10:00, got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Wednesday 】【 Friday 】 At 10:00, get up for the guild. At 15:00, go back to the central warehouse and order. At 19:00, go to Moonriver Inn for drinks. 【 Thursday 】 8:00, get up and go to the dock. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Saturday 】 At 10:00, get up and go to the lobby for Atto's debrief. At 14:00, go to the warehouse with Alto. At 18:10, take A to Moonriver Inn for dinner. 【 Sunday 】 At 9:00, wake up for the sale. At 18:00, end the sale and go to Moonriver Inn for dinner. * Summer 【 Tuesday 】 At 10:00, got up to look at the antique shelves. At 14:00, go to Tailor Shop. 18:41, home to receive Xu Fuchun. 21:31, see you off. At 22:00, I go home to bed. 【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period * Winter 【 Tuesday 】【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period 3981ecc99fd6b2878d53283cc8d95c191de600f4 0 53 176 2023-12-24T23:27:06Z 397790636 415399 创建页面，内容为“[Every morning] Lu Chanyi will cook medicine at the JiAn Clinic and can enter the JiAn Clinic when it opens. Rainy and snowy day Lu Chanyi will not leave JiAn Clinic, will cook medicine in JiAn Clinic, and A Biao play, read. In the spring 【 Monday 】【 Tuesday 】【 Wednesday 】 8:40, put away the pot of medicine, go to the snow library to study! At 16:00, class is over! Hurry home to take care of the medicinal fields. 20:30, go home to bed! 【 T…” wikitext text/x-wiki [Every morning] Lu Chanyi will cook medicine at the JiAn Clinic and can enter the JiAn Clinic when it opens. Rainy and snowy day Lu Chanyi will not leave JiAn Clinic, will cook medicine in JiAn Clinic, and A Biao play, read. In the spring 【 Monday 】【 Tuesday 】【 Wednesday 】 8:40, put away the pot of medicine, go to the snow library to study! At 16:00, class is over! Hurry home to take care of the medicinal fields. 20:30, go home to bed! 【 Thursday 】【 Friday 】 At 9 o 'clock, put away the small medicine pot and go to see if the A Biao in the room is hungry. 12 o 'clock, to the top of the mountain to collect medicine! At 17:00, check out the trail's secret little cave. At half past eighteen, go home and write in a little journal. Twenty thirty, go to bed! 【 Saturday 】 8:50, go to the small yard of Snowshine Academy to check sister Li Yan's pulse! At 16:00, stand in front of the library for a while. 18:02. Go home and write in a little journal. Twenty thirty, go to bed! 【 Sunday 】 At 14:00, I left home and went to Chai's house to give Chai's grandmother some medicine, and then talked with her in the front yard. At half past eighteen, I went home from Chai's house to write a little diary. 22 o 'clock, so late... Go to sleep! In the summer 【 Wednesday 】 9 o 'clock, go to the gate of JiAn Clinic to dry medicine! At 13 o 'clock, go outside Xiao Villa to pick anise ginseng! At 18:00, go home and write in a little journal. 22 o 'clock, so late... Go to sleep! 【 Thursday 】【 Friday 】 At 9:00, go to the room and check on A young dog. 12 o 'clock, start walking back and forth to record the medicine. At 18:00, sort out today's medicine records. 【 Saturday 】 Li Yan 6 stars before, with spring. Li Yan 6 stars after good impression, 11 o 'clock, go to the suburbs to enjoy the flowers. At 18:00, go home and write in a little journal. 22 o 'clock, go to bed! Rest in the same spring In the autumn 【 Thursday 】【 Friday 】 synchrony The rest of the same summer In the winter 【 Thursday 】【 Friday 】 Same as summer Others are the same as in spring. e4ffd13347bcb658954e75ee0fc6053fd64100fb 177 176 2023-12-24T23:27:32Z 397790636 415399 wikitext text/x-wiki ===Journey=== [Every morning] Lu Chanyi will cook medicine at the JiAn Clinic and can enter the JiAn Clinic when it opens. Rainy and snowy day Lu Chanyi will not leave JiAn Clinic, will cook medicine in JiAn Clinic, and A Biao play, read. In the spring 【 Monday 】【 Tuesday 】【 Wednesday 】 8:40, put away the pot of medicine, go to the snow library to study! At 16:00, class is over! Hurry home to take care of the medicinal fields. 20:30, go home to bed! 【 Thursday 】【 Friday 】 At 9 o 'clock, put away the small medicine pot and go to see if the A Biao in the room is hungry. 12 o 'clock, to the top of the mountain to collect medicine! At 17:00, check out the trail's secret little cave. At half past eighteen, go home and write in a little journal. Twenty thirty, go to bed! 【 Saturday 】 8:50, go to the small yard of Snowshine Academy to check sister Li Yan's pulse! At 16:00, stand in front of the library for a while. 18:02. Go home and write in a little journal. Twenty thirty, go to bed! 【 Sunday 】 At 14:00, I left home and went to Chai's house to give Chai's grandmother some medicine, and then talked with her in the front yard. At half past eighteen, I went home from Chai's house to write a little diary. 22 o 'clock, so late... Go to sleep! In the summer 【 Wednesday 】 9 o 'clock, go to the gate of JiAn Clinic to dry medicine! At 13 o 'clock, go outside Xiao Villa to pick anise ginseng! At 18:00, go home and write in a little journal. 22 o 'clock, so late... Go to sleep! 【 Thursday 】【 Friday 】 At 9:00, go to the room and check on A young dog. 12 o 'clock, start walking back and forth to record the medicine. At 18:00, sort out today's medicine records. 【 Saturday 】 Li Yan 6 stars before, with spring. Li Yan 6 stars after good impression, 11 o 'clock, go to the suburbs to enjoy the flowers. At 18:00, go home and write in a little journal. 22 o 'clock, go to bed! Rest in the same spring In the autumn 【 Thursday 】【 Friday 】 synchrony The rest of the same summer In the winter 【 Thursday 】【 Friday 】 Same as summer Others are the same as in spring. 160b1ca2e785f20b75fa7e5cd158f557f7e703fd 0 45 153 2023-12-27T03:59:37Z 397790636 415399 创建页面，内容为“===Journey=== Spring and Autumn 【 Monday 】【 Friday 】 8 o 'clock, appear in River town, go to JiAn Clinic medicine field to pick the right herbs. At 12 o 'clock, go to JiAn Clinic to find Lu Ying settlement to buy herbs. At 15 o 'clock, set out to return to Heart Cliff to look at the stars. At 21:00, go back to the second floor room of SwordWay Sect to sleep. 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before th…” wikitext text/x-wiki ===Journey=== Spring and Autumn 【 Monday 】【 Friday 】 8 o 'clock, appear in River town, go to JiAn Clinic medicine field to pick the right herbs. At 12 o 'clock, go to JiAn Clinic to find Lu Ying settlement to buy herbs. At 15 o 'clock, set out to return to Heart Cliff to look at the stars. At 21:00, go back to the second floor room of SwordWay Sect to sleep. 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. 11:00, go to Blacksmith. At 14:00, go to the divinatory table and tell the fortune. At 18:00, go to the Moonriver Inn for dinner. At half past 21, I go home to bed. 【 Wednesday 】【 Sunday 】 At 6:10, he practiced his sword at training field. At 12 o 'clock, go to the second floor of the main hall of SwordWay Sect to meditate. 18:00, back to your room. 21 o 'clock, go to bed. 【 Thursday 】 At 6:10, he practiced his sword at the Longitudinal Jiange training field. At 11 o 'clock, go to the martial arts field to organize national martial arts activities. If it is rain or snow weather or autumn, 15 o 'clock will go to the heart cliff to see the stars, 21 o 'clock back to bed. If it is sunny, 18:02 will send Lu Binghua back to Lu's home, leaving River town at 21 to go to bed. In the summer 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, such as small Xu Changkong to get up and set out to play. 11:00, Go to the suburbs for play pitch-bot game At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same period In the winter 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. At 11:00, go to Tiangong Pavilion and stand at the gate. At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same Spring and Autumn 7a1a8dc9bdd0b189f8ded2932cc23c1b30022653 0 50 169 2023-12-27T18:36:45Z 397790636 415399 创建页面，内容为“=Liu Yiyi[[File:face_lyy_0.png]]= === Journey === 【Spring and autumn】 【Monday】 6:10am, Liu Yiyi stands outside River Town Suburbs to deliver letters. 11am, he leaves for the pharmacy in SwordWay Sect hall. 3:00pm, he returns to the front of the Guan Gong statue in Moonriver Inn. 8:30pm, he goes to sleep on the second floor of Moonriver Inn. 【Tuesday, Friday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am, he enter…” wikitext text/x-wiki =Liu Yiyi[[File:face_lyy_0.png]]= === Journey === 【Spring and autumn】 【Monday】 6:10am, Liu Yiyi stands outside River Town Suburbs to deliver letters. 11am, he leaves for the pharmacy in SwordWay Sect hall. 3:00pm, he returns to the front of the Guan Gong statue in Moonriver Inn. 8:30pm, he goes to sleep on the second floor of Moonriver Inn. 【Tuesday, Friday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am, he enters the guild. 12pm, he leaves the guild and goes to the Tailor Shop, standing next to Ye Liwangzhu's loom. 4:20pm, he leaves the Tailor Shop and stands at the fortune teller's stall. 7:00pm, he leaves the fortune teller's stall and goes to the small restaurant on the first floor of Moonriver Inn. 11:00pm, he goes to sleep on the second floor of Moonriver Inn. 【Wednesday】 6:10am, Liu Yiyi stands outside the main hall of Chai's mansion, talking with the servants in the front courtyard. 10am, he leaves for the Blacksmith. 3:40pm, he leaves for He Lianchangshan's house. 6:00pm, he returns to his small room on the second floor of Moonriver Inn. 10:00pm, he goes to sleep. 【Thursday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am, he enters the guild. 3:00pm, he leaves for Snowshine Academy and delivers a letter to Hong Xian at the entrance. 7:00pm, he returns to his small room on the second floor of Moonriver Inn. 10:00pm, he goes to sleep. 【Saturday, Sunday 】(same as spring and autumn) 0b94ab217ba5d6064b8ca26af152518fc37447b7 170 169 2023-12-27T18:38:57Z 397790636 415399 wikitext text/x-wiki =Liu Yiyi[[File:face_lyy_0.png]]= === Journey === 【Spring and autumn】 【Monday】 6:10am, Liu Yiyi stands outside River Town Suburbs to deliver letters. 11am,she leaves for the pharmacy in SwordWay Sect hall. 3:00pm,she returns to the front of the Guan Gong statue in Moonriver Inn. 8:30pm,she goes to sleep on the second floor of Moonriver Inn. 【Tuesday, Friday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 12pm,she leaves the guild and goes to the Tailor Shop, standing next to Ye Liwangzhu's loom. 4:20pm,she leaves the Tailor Shop and stands at the fortune teller's stall. 7:00pm,she leaves the fortune teller's stall and goes to the small restaurant on the first floor of Moonriver Inn. 11:00pm,she goes to sleep on the second floor of Moonriver Inn. 【Wednesday】 6:10am, Liu Yiyi stands outside the main hall of Chai's mansion, talking with the servants in the front courtyard. 10am,she leaves for the Blacksmith. 3:40pm,she leaves forshe Lianchangshan's house. 6:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Thursday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 3:00pm,she leaves for Snowshine Academy and delivers a letter to Hong Xian at the entrance. 7:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Saturday, Sunday 】(same as spring and autumn) 45848d45c3c6f3d17e1f9dc611edc87abeb98b1a 0 94 323 2023-12-27T18:50:32Z 397790636 415399 创建页面，内容为“=Xu Changkong[[File:face_xck_0.png]]= Xu Changkong is a nocturnal creature in River Town, so it's best to look for him in the middle of the night. [Every day at 1:00am] He comes upstairs from the basement to sleep. [Rainy or Snowy Days] Unless he has plans to go out with friends, he stays indoors all day. 【Spring and Autumn:】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visit…” wikitext text/x-wiki =Xu Changkong[[File:face_xck_0.png]]= Xu Changkong is a nocturnal creature in River Town, so it's best to look for him in the middle of the night. [Every day at 1:00am] He comes upstairs from the basement to sleep. [Rainy or Snowy Days] Unless he has plans to go out with friends, he stays indoors all day. 【Spring and Autumn:】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 8:00pm - Returns home to tinker in the basement. 【Tuesday, Saturday】 11:00am - After waking up, his schedule is the same as Li Wangxing's. 【Wednesday, Friday】 11:00am - Wakes up and reads books from the bookshelf. 3:00pm - Goes to the entrance of the family warehouse. 8:00pm - Returns to his room to tinker in the basement. 【Sunday】 11:00am - Wakes up and visits He Lianchangshan's stall. 3:00pm - Goes to River Town Suburbs to collect lumber. 7:00pm - Returns to his room to tinker in the basement. 【Summer and Winter】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 7:00pm - Returns home and goes to the warehouse entrance. 11:00pm - Returns to his room to tinker in the basement. 【Wednesday, Friday】 Stays in his room all day and goes to the basement to tinker at 8:00pm. The rest of the schedule is the same as Spring and Autumn. 22c3414e0b5af71034b50bf4e7360d4bfce47fa0 0 95 325 2023-12-27T19:09:04Z 397790636 415399 创建页面，内容为“=Xu Changting[[File:face_xct_0.png]]= ===Journey=== 【Spring and Autumn】 【Monday, Tuesday】 9:00am, Xu Changting will play chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the tree in front of his room. 4:55pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Wednesday, F…” wikitext text/x-wiki =Xu Changting[[File:face_xct_0.png]]= ===Journey=== 【Spring and Autumn】 【Monday, Tuesday】 9:00am, Xu Changting will play chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the tree in front of his room. 4:55pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Wednesday, Friday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 1:00pm, studies chess positions on a small chessboard on the second floor of the Occult Go Club. 5:00pm, goes to the Occult Go Club to play chess with Xiao Yu. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Thursday】 Before 4:00pm, Xu Changting is playing chess with the Emperor in the palace and will not be in River Town. After 4:00pm, Xu Changting returns to the second floor of the Occult Go Club to play chess. 9:35pm, sleeps on the second floor of the Occult Go Club. Saturday 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【summer】 【Monday, Tuesday (on sunny days)】 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands in the bamboo grove at the Occult Go Club. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. (On rainy/snowy days) 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the eaves of the Occult Go Club to admire the rain/snow. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Saturday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. The rest is similar to Spring and Autumn. 344c341e296024fa3ae94c29922373341819fd3b 0 46 160 2023-12-27T19:16:04Z 397790636 415399 创建页面，内容为“=Li Yan[[File:face_zly_0.png]]= ===Journey=== 【Before Recovery】 【Monday】【Tuesday】【Wednesday】 10:00 - Wake up and go to the teaching desk on the first floor of Yingxue Bookstore. 16:05 - Go stand under the tree in the courtyard. 20:00 - Go to sleep on the second floor of the bookstore. 【Thursday】 10:01 - Wake up and stand in the corridor of the small courtyard. 16:00 - Return to the second floor of the bookstore to play the piano. 1…” wikitext text/x-wiki =Li Yan[[File:face_zly_0.png]]= ===Journey=== 【Before Recovery】 【Monday】【Tuesday】【Wednesday】 10:00 - Wake up and go to the teaching desk on the first floor of Yingxue Bookstore. 16:05 - Go stand under the tree in the courtyard. 20:00 - Go to sleep on the second floor of the bookstore. 【Thursday】 10:01 - Wake up and stand in the corridor of the small courtyard. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 【On sunny Thursdays after marriage, will go to Yingxue Bookstore to play the piano】 【Friday】【Sunday】 10:00 - Wake up and go to the bookcase on the first floor to read. Stay in the small study room reading until 15:00. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 【Saturday】 10:00 - Wake up and sit on a stool in the courtyard. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 32cd28f73bc8b61fed504e142302a3404f4eac95 0 92 318 2023-12-27T19:19:28Z 397790636 415399 创建页面，内容为“=Xiao Yu[[File:萧钰.png]]= ===Journey=== 【Monday】【Thursday】 6:00 - Xiao Yu is already enjoying the scenery in the Suburban Hilltop Pavilion. 11:00 - Heads to the River Town Suburbs Dock. 15:00 - Dines in a private room at the Moonriver Inn. 20:00 - Returns home. 【Tuesday】【Saturday】【Sunday】 8:00 - Wakes up and practices martial arts. Spring/Autumn 13:00 - Goes to the Wind Pavilion in the mansion to have tea. Summer 13:00 - Goes to t…” wikitext text/x-wiki =Xiao Yu[[File:萧钰.png]]= ===Journey=== 【Monday】【Thursday】 6:00 - Xiao Yu is already enjoying the scenery in the Suburban Hilltop Pavilion. 11:00 - Heads to the River Town Suburbs Dock. 15:00 - Dines in a private room at the Moonriver Inn. 20:00 - Returns home. 【Tuesday】【Saturday】【Sunday】 8:00 - Wakes up and practices martial arts. Spring/Autumn 13:00 - Goes to the Wind Pavilion in the mansion to have tea. Summer 13:00 - Goes to the bamboo forest in the mansion to have tea. Winter 13:00 - Goes to the tea house in the main hall of the mansion to have tea. 17:00 - Returns to his room to read. 21:00 - Goes to sleep. 【Wednesday】【Friday】 8:00 - Wakes up and practices archery in the courtyard. Spring/Autumn 13:00 - Heads to the Divine Works Museum and contemplates outside. Summer/Winter Sunny day: 13:00 - Goes to the fortune-telling stand. Rainy/Snowy day: 13:00 - Heads to the Divine Works Museum and contemplates outside. 17:00 - Visits the Occult Go Club to play Go with Xu Changting. 21:00 - Returns home. 6fab0b9bfe0506e2df921f1c403c50ba6a3fd671 0 85 302 2023-12-27T19:25:46Z 397790636 415399 创建页面，内容为“=Tan[[File:阿昙.png]]= ===Journey=== Spring/Autumn Except for Sundays, Tan wakes up at 10:00 every day and goes to the front desk of the Tailor Shop to work. He returns to his room to sleep at 23:00. 【Monday】【Wednesday】 19:00 - Goes to the small terrace on the second floor to enjoy the breeze. 【Thursday】【Saturday】 19:00 - Goes to the Moonriver Inn to have dinner. 【Tuesday】【Friday】 19:00 - Goes to the small restaurant at the Mo…” wikitext text/x-wiki =Tan[[File:阿昙.png]]= ===Journey=== Spring/Autumn Except for Sundays, Tan wakes up at 10:00 every day and goes to the front desk of the Tailor Shop to work. He returns to his room to sleep at 23:00. 【Monday】【Wednesday】 19:00 - Goes to the small terrace on the second floor to enjoy the breeze. 【Thursday】【Saturday】 19:00 - Goes to the Moonriver Inn to have dinner. 【Tuesday】【Friday】 19:00 - Goes to the small restaurant at the Moonriver Inn to chat with Liu Yiyi. 【Sunday】 【Rainy/Snowy day:】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Sunny day】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to the River Town Suburbs to enjoy the scenery. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Winter/Summer】 【Monday】 19:00 - Goes to the second floor to receive Lin Shanshi. 21:00 - Sees off the guest. 21:30 - Stands on the terrace to enjoy the breeze. 0:00 - Returns to her room to sleep. 【Tuesday】【Wednesday】 19:00 - Goes to stand on the terrace on the second floor. 【Sunday】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. bd1d9e92a3e6cda091a425dd0d1009fe9ae341ec 0 52 174 2023-12-27T19:29:16Z 397790636 415399 创建页面，内容为“=Lu Binghua[[File:鲁冰花.png]]= ===Journey=== 【Rainy days】 Lu Binghua stays at home for the entire day and wakes up at 11:00. 【Monday】【Tuesday】【Wednesday】 8:40 - Wakes up and goes to the bookstore for school. 16:00 - Leaves the bookstore and goes to the River town square in front of the Moonriver Inn to catch bugs. 18:00 - Enters the Moonriver Inn. 21:05 - Returns home and goes to sleep. 【Thursday】 Except for autumn 8:40 - Leave…” wikitext text/x-wiki =Lu Binghua[[File:鲁冰花.png]]= ===Journey=== 【Rainy days】 Lu Binghua stays at home for the entire day and wakes up at 11:00. 【Monday】【Tuesday】【Wednesday】 8:40 - Wakes up and goes to the bookstore for school. 16:00 - Leaves the bookstore and goes to the River town square in front of the Moonriver Inn to catch bugs. 18:00 - Enters the Moonriver Inn. 21:05 - Returns home and goes to sleep. 【Thursday】 Except for autumn 8:40 - Leaves home and heads to the SwordWay Sect. 12:00 - Arrives at the gate of the SwordWay Sect and goes to the training ground. 18:00 - Returns home from the SwordWay Sect. Autumn 9:40 - Wakes up and goes to play in the courtyard of the Occult Go Club. 16:00 - Returns home to do homework. 【Friday】【Sunday】 9:00 - Wakes up and goes to the courtyard. 13:00 - Goes to the stall of his mother Cao Yunhui. 16:00 - Goes with his mother to the Blacksmith. 16:56 - Takes a walk along the river. 21:00 - Returns home from the river. 【Saturday】 9:00 - Wakes up and goes to the courtyard. 12:40 - Arrives at the entrance of the River Town Suburbs cave. 19:00 - Goes home and sleeps. b1da9f17e87d2b0c254829a555288637da266460 0 98 331 2023-12-27T19:32:31Z 397790636 415399 创建页面，内容为“=Yi Yuan[[File:一元.png]]= ===Journey=== 【Rainy days】 Yi Yuan stays at the Moonriver Inn for the entire day. 【Monday】【Tuesday】【Wednesday】 11:00 - Attends classes at the Yingxue Bookstore. 16:00 - Leaves the bookstore after school and goes to the River town square in front of the Moonriver Inn to pray that Lu Binghua doesn't catch any bugs. 18:00 - Goes to his room at the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Thursday】…” wikitext text/x-wiki =Yi Yuan[[File:一元.png]]= ===Journey=== 【Rainy days】 Yi Yuan stays at the Moonriver Inn for the entire day. 【Monday】【Tuesday】【Wednesday】 11:00 - Attends classes at the Yingxue Bookstore. 16:00 - Leaves the bookstore after school and goes to the River town square in front of the Moonriver Inn to pray that Lu Binghua doesn't catch any bugs. 18:00 - Goes to his room at the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Thursday】 Except for autumn: 9:00 - Leaves the Moonriver Inn and waits near the city gate entrance for Lu Binghua. 9:58 - Leaves River town with Lu Binghua. 12:00 - Arrives at the SwordWay Sect and heads to the training ground. 18:00 - Returns to the Moonriver Inn from the SwordWay Sect. 【Autumn:】 10:30 - Leaves the Moonriver Inn and waits on the roadside for Lu Binghua. 11:09 - Leaves with Lu Binghua for Occult Go Club and plays outside. 16:00 - Returns to the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Friday】【Sunday】 6:00 - Stands in front of the Moonriver Inn. (Spring and autumn) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Spring and autumn) 16:05 - Goes to his room to meditate. (Spring and autumn) 20:50 - Goes to bed. (Spring and autumn) (Summer and winter) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Summer and winter) 16:05 - Helps out at the counter. (Summer and winter) 20:50 - Goes to bed. (Summer and winter)【Saturday】6:00 - Stands in front of the Moonriver Inn.12:00 - Goes to Lu's House and waits in front of the Xu's gate for Lu Binghua.12:53 - Leaves with Lu Binghua for fun at the River Town Suburbs cave entrance.19:00 - Returns to the Moonriver Inn. 3b319054d1cc063bf1e34afb8c1b3cab825d8ff4 0 96 327 2023-12-27T19:37:49Z 397790636 415399 创建页面，内容为“=Xu Fuchun[[File:徐富春.png]]= ===Journey=== Xu Fuchun is a responsible guild leader. Except for the first week of the game where he spends the entire day at the guild, he wakes up at 7:10 every day to go to work and doesn't take any days off. At 5:00 PM, after closing the shop, Xu Fuchun has various options. 【Monday】 At 6:00 PM, he heads to the Occult Go Club to play Go with his eldest son, Xu Changting. 【Tuesday】 Spring and Autumn: At 6:00 PM,…” wikitext text/x-wiki =Xu Fuchun[[File:徐富春.png]]= ===Journey=== Xu Fuchun is a responsible guild leader. Except for the first week of the game where he spends the entire day at the guild, he wakes up at 7:10 every day to go to work and doesn't take any days off. At 5:00 PM, after closing the shop, Xu Fuchun has various options. 【Monday】 At 6:00 PM, he heads to the Occult Go Club to play Go with his eldest son, Xu Changting. 【Tuesday】 Spring and Autumn: At 6:00 PM, he goes to the Occult Go Club to play Go with his eldest son, Xu Changting. Summer: At 6:00 PM, he visits He Lianchangshan's home. Winter: At 6:00 PM, he returns home to admire his curio cabinet or read a book. 【Wednesday】【Thursday】【Sunday】 At 6:00 PM, he chooses to have dinner with his wife at the Moonriver Inn, enjoying their rare moments alone together. 【Friday】 At 6:00 PM, he plays Go with Chai Feifei at the Occult Go Club. 【Saturday】 At 6:00 PM, his old friend Yu Guanshan comes to visit for tea, so he needs to hurry home to prepare in his bedroom. At 8:30 PM, when Yu Guanshan is leaving, Xu Fuchun reluctantly escorts him to the door. 784253606d09e15ed5af4ac558861bfa3306e9fb 0 48 164 2023-12-27T19:38:34Z 397790636 415399 创建页面，内容为“=Lin Shanshi[[File:林山石.png]]= ===Journey=== During the first week of the game, Lin Shanshi stands at the guild's front desk all day. After the first week, except for Saturdays, Lin Shanshi leaves for work at the River Town Guild every day at 7:00 AM. 【Monday】【Friday】 After work at 5:00 PM, during spring and autumn, she heads to the Divine Works Museum. In summer and winter, she goes to the Tailor Shop and waits for Tan to finish work before goi…” wikitext text/x-wiki =Lin Shanshi[[File:林山石.png]]= ===Journey=== During the first week of the game, Lin Shanshi stands at the guild's front desk all day. After the first week, except for Saturdays, Lin Shanshi leaves for work at the River Town Guild every day at 7:00 AM. 【Monday】【Friday】 After work at 5:00 PM, during spring and autumn, she heads to the Divine Works Museum. In summer and winter, she goes to the Tailor Shop and waits for Tan to finish work before going upstairs to chat. 【Tuesday】【Sunday】 After work at 5:00 PM, she returns home to her workshop for research. 【Wednesday】【Thursday】 After work at 5:00 PM, she joins Xu Fuchun for dinner at the Moonriver Inn. 【Saturday】 Sunny days: She wakes up at 6:00 AM to select wood in the River Town Suburbs forest. At 10:50 AM, she departs for a sisters' gathering at the SwordWay Sect. She returns home at 7:00 PM. Rainy or snowy days: At 8:00 AM, she goes to her youngest son Xu Changkong's room and stands there. At 1:00 PM, she goes to the dining room and stands there. At 5:00 PM, she goes to her workshop and stands there. 70283da9ecd34bb856530a9fb497e8215342e702 0 14 30 2023-12-27T19:42:39Z 397790636 415399 创建页面，内容为“=Cao Yunhui[[File:曹云惠.png]]= ===Journey=== Cao Yunhui only sets up her stall on non-rainy and non-snowy days at the "River Town Variety Store." 【Rainy or Snowy Days】 Wakes up at 9:00 AM and stays indoors at Lu's House the entire day. 【Non-Rainy, Non-Snowy Days】 Wakes up at 7:40 AM and sets up her stall. 【Monday】【Tuesday】【Wednesday】 At 4:00 PM, packs up her stall and goes to the Blacksmith. After Lu Wei finishes work, they go to…” wikitext text/x-wiki =Cao Yunhui[[File:曹云惠.png]]= ===Journey=== Cao Yunhui only sets up her stall on non-rainy and non-snowy days at the "River Town Variety Store." 【Rainy or Snowy Days】 Wakes up at 9:00 AM and stays indoors at Lu's House the entire day. 【Non-Rainy, Non-Snowy Days】 Wakes up at 7:40 AM and sets up her stall. 【Monday】【Tuesday】【Wednesday】 At 4:00 PM, packs up her stall and goes to the Blacksmith. After Lu Wei finishes work, they go to the inn for a drink. At 9:00 PM, returns home to sleep. 【Thursday】 At 4:00 PM, packs up her stall and returns home. 【Friday】【Sunday】 At 4:00 PM, packs up her stall and goes to the Blacksmith. After Lu Wei finishes work, see Lu Wei's schedule for details. 【Saturday】 Wakes up at 6:00 AM to pick flowers in River Town Suburbs. At 10:40 AM, departs for a sisters' gathering at the SwordWay Sect. At 6:50 PM, starts the journey home. c4ca829c28989181d71055fa8396c9945d59ffaa 0 54 182 2023-12-27T19:43:22Z 397790636 415399 创建页面，内容为“=Lu Wei[[File:鲁威.png]]= ===Journey=== Lu Wei stands at the Blacksmith's front desk during opening hours every day. After 5:00 PM, 【Rainy or Snowy Days】 Returns home for dinner. 【Monday】【Tuesday】【Wednesday】 Goes to the inn for a drink and returns home at 9:00 PM. 【Friday】【Sunday】 Spring and Autumn: The family of three goes to the riverside to look at the stars. Summer: The family of three takes a walk in River Town Suburbs. Wi…” wikitext text/x-wiki =Lu Wei[[File:鲁威.png]]= ===Journey=== Lu Wei stands at the Blacksmith's front desk during opening hours every day. After 5:00 PM, 【Rainy or Snowy Days】 Returns home for dinner. 【Monday】【Tuesday】【Wednesday】 Goes to the inn for a drink and returns home at 9:00 PM. 【Friday】【Sunday】 Spring and Autumn: The family of three goes to the riverside to look at the stars. Summer: The family of three takes a walk in River Town Suburbs. Winter: Returns home for dinner. 【Saturday】 Spring and Autumn: Stands in the courtyard at home. Summer and Winter: Stands by Cao Yunhui's Variety Store. 17075833f1a064befa908e83338c543ce3c01aaa 0 15 32 2023-12-27T19:44:51Z 397790636 415399 创建页面，内容为“=Cao Yunxiu[[File:曹云秀.png]]= ===Journey=== 【Monday】【Wednesday】【Friday】 Wakes up at 10:00 AM and goes to her room's vanity to look in the mirror. At 2:00 PM, stands by the lake in the backyard. At 6:00 PM, stands in the dining hall on the first floor. At 9:00 PM, returns to her room to sleep. 【Tuesday】【Sunday】 Wakes up at 10:00 AM and goes to Heart Cliff to watch her husband practice swordplay. If it's rainy or snowy, she stands in…” wikitext text/x-wiki =Cao Yunxiu[[File:曹云秀.png]]= ===Journey=== 【Monday】【Wednesday】【Friday】 Wakes up at 10:00 AM and goes to her room's vanity to look in the mirror. At 2:00 PM, stands by the lake in the backyard. At 6:00 PM, stands in the dining hall on the first floor. At 9:00 PM, returns to her room to sleep. 【Tuesday】【Sunday】 Wakes up at 10:00 AM and goes to Heart Cliff to watch her husband practice swordplay. If it's rainy or snowy, she stands in the main hall for a while. At 4:00 PM, goes to Moonriver Inn. At 8:00 PM, returns to SwordWay Sect. 【Thursday】 Wakes up at 10:00 AM and receives Chai Feifei in the small tea house on the second floor. At 1:00 PM, watches Li Wangxing practice swordplay in the front yard. At 6:00 PM, returns to her bedroom. 【Saturday】 Wakes up at 10:00 AM and prepares in the small tea house on the second floor. At 2:40 PM, starts the sisters' gathering. At 7:10 PM, returns to her bedroom. 839a304b3ccfaed0bee19d833b5922dedf53166d 0 99 333 2023-12-27T19:45:48Z 397790636 415399 创建页面，内容为“=Yu Guanshan[[File:俞关山.png]]= ===Journey=== Yu Guanshan teaches martial arts every day from 6:00 AM to 12:00 PM at the SwordWay Sect training ground. 【Spring & Autumn】 【Monday】【Thursday】【Friday】 At 12:00 PM, stands in the SwordWay Sect hall pharmacy. At 4:00 PM, meditates on the second floor. 【Tuesday】【Sunday】 At 12:00 PM, practices swordplay at Heart Cliff. If it's rainy or snowy, stands in the main hall instead. At 4:00 PM…” wikitext text/x-wiki =Yu Guanshan[[File:俞关山.png]]= ===Journey=== Yu Guanshan teaches martial arts every day from 6:00 AM to 12:00 PM at the SwordWay Sect training ground. 【Spring & Autumn】 【Monday】【Thursday】【Friday】 At 12:00 PM, stands in the SwordWay Sect hall pharmacy. At 4:00 PM, meditates on the second floor. 【Tuesday】【Sunday】 At 12:00 PM, practices swordplay at Heart Cliff. If it's rainy or snowy, stands in the main hall instead. At 4:00 PM, eats at Moonriver Inn. At 8:00 PM, returns home to sleep. 【Wednesday】At 12:00 PM, stands in the main hall for a while. At 3:00 PM, visits JiAn Clinic for a check-up. At 7:00 PM, returns to 0aaa98d7e31579c8ed444b7e4f6c9e3ffc937764 0 80 289 2023-12-27T19:50:56Z 397790636 415399 创建页面，内容为“=Sun Daoyi[[File:孙道一.png]]= Sun Daoyi is a fortune teller from out of town who has been living in River town for several years. ===Journey=== Sun Daoyi only sets up his divination booth on sunny days. 【Rainy or Snowy Days:】 Stands at his doorstep at 9:20 AM. Returns home at 6:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. 【Spring & Winter:】 Heads to the divination booth at 8:20 AM. Visits Moonriver Inn at 12:00 PM. Ret…” wikitext text/x-wiki =Sun Daoyi[[File:孙道一.png]]= Sun Daoyi is a fortune teller from out of town who has been living in River town for several years. ===Journey=== Sun Daoyi only sets up his divination booth on sunny days. 【Rainy or Snowy Days:】 Stands at his doorstep at 9:20 AM. Returns home at 6:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. 【Spring & Winter:】 Heads to the divination booth at 8:20 AM. Visits Moonriver Inn at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. 【Summer:】 【Wednesday & Saturday:】 Heads to the divination booth at 8:20 AM. Stands outside Xu's Main Hall at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. The rest of the days are the same as Spring. 【Autumn:】 【Wednesday & Saturday:】 Heads to the divination booth at 8:20 AM. Stands outside the Yingxue Bookstore at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. The rest of the days are the same as Spring. 618ab5ac11a88b43890931d4ad763541e3eed161 0 55 184 2023-12-27T19:54:19Z 397790636 415399 创建页面，内容为“=Lu Ying[[File:陆英.png]]= ===Journey=== Lu Ying stands at the front desk of JiAn Clinic during opening hours. After closing at 4:00 PM, she follows this schedule: 【Monday & Tuesday】 【 Spring & Winter:】 Watches the water near her home. 【Summer & Autumn:】 Stands in River Town Suburbs. Returns home to rest at 8:30 PM. 【Wednesday:】 Treats Yu Guanshan at JiAn Clinic. 【Thursday & Sunday】 【Spring, Summer, & Autumn:】 Takes care…” wikitext text/x-wiki =Lu Ying[[File:陆英.png]]= ===Journey=== Lu Ying stands at the front desk of JiAn Clinic during opening hours. After closing at 4:00 PM, she follows this schedule: 【Monday & Tuesday】 【 Spring & Winter:】 Watches the water near her home. 【Summer & Autumn:】 Stands in River Town Suburbs. Returns home to rest at 8:30 PM. 【Wednesday:】 Treats Yu Guanshan at JiAn Clinic. 【Thursday & Sunday】 【Spring, Summer, & Autumn:】 Takes care of the medicinal fields. 【Winter:】 Goes to the kitchen at home. Returns home to rest at 8:30 PM. 【Friday & Saturday】 Visits Moonriver Inn for dinner. If it's Lu Chanyi's birthday, she will go to River Town Suburbs to pay tribute to her deceased wife instead. df5403610bd56c690a352cca2a82820e2135dd90 0 100 335 2023-12-27T19:56:25Z 397790636 415399 创建页面，内容为“=Zheng De[[File:郑德.png]] = Responsible for managing the Divine Works Museum, Zheng De is a kind and amiable person. ===Journey=== Zheng De stands at the front desk of Divine Works Museum during opening hours every day. Except on Sundays, after closing at 8:00 PM, he goes to stand near the Yingxue Bookstore and returns to Divine Works Museum at midnight. On Sundays, after closing, Zheng De leaves River town and his whereabouts become unknown.” wikitext text/x-wiki =Zheng De[[File:郑德.png]] = Responsible for managing the Divine Works Museum, Zheng De is a kind and amiable person. ===Journey=== Zheng De stands at the front desk of Divine Works Museum during opening hours every day. Except on Sundays, after closing at 8:00 PM, he goes to stand near the Yingxue Bookstore and returns to Divine Works Museum at midnight. On Sundays, after closing, Zheng De leaves River town and his whereabouts become unknown. a35e501904cd0c03e8ca8a32f206cf3a7afd7129 0 42 129 2023-12-27T19:57:32Z 397790636 415399 创建页面，内容为“=Hong Xian[[File:红弦.png]]= ===Journey=== Unless it's the Spring Festival holiday, Hong Xian is always within ten steps of Li Yan. Refer to Li Yan's schedule to find Hong Xian.” wikitext text/x-wiki =Hong Xian[[File:红弦.png]]= ===Journey=== Unless it's the Spring Festival holiday, Hong Xian is always within ten steps of Li Yan. Refer to Li Yan's schedule to find Hong Xian. c76006602f36f96e4c0d7201a20924605d674d3e 0 38 116 2023-12-27T19:58:25Z 397790636 415399 创建页面，内容为“=Han Shan[[File:寒山.png]]= ===Journey=== Han Shan is typically never far from Xiao Yu, so refer to Xiao Yu's schedule to find Han Shan. At night, Han Shan stands guard at the stairs of Wind Pavilion.” wikitext text/x-wiki =Han Shan[[File:寒山.png]]= ===Journey=== Han Shan is typically never far from Xiao Yu, so refer to Xiao Yu's schedule to find Han Shan. At night, Han Shan stands guard at the stairs of Wind Pavilion. 6e5413574a06fb23941454e5d2ab94be90914a2f 0 97 329 2023-12-27T20:04:09Z 397790636 415399 创建页面，内容为“=Ye Liwangzhu[[File:野利旺珠.png]]= ===Journey=== Apart from eating out at a restaurant at 6pm every Thursday, Friday, and Saturday and returning home at 10:50pm, Ye Liwangzhu spends the rest of her time sitting in front of a loom on the first floor of the Tailor Shop making clothes.” wikitext text/x-wiki =Ye Liwangzhu[[File:野利旺珠.png]]= ===Journey=== Apart from eating out at a restaurant at 6pm every Thursday, Friday, and Saturday and returning home at 10:50pm, Ye Liwangzhu spends the rest of her time sitting in front of a loom on the first floor of the Tailor Shop making clothes. 4b624cf0b3269bbb4943a1fd69b54414f9a3d9d1 0 49 166 2023-12-27T20:05:23Z 397790636 415399 创建页面，内容为“=Liu Sanniang[[File:柳三娘.png]]= The owner of the Moonriver Inn. ===Journey=== When the Moonriver Inn opened, Liu Sanniang stood behind the counter. At 0:00 in the morning, Liu Sanniang went upstairs to sleep. [Wednesday] [Friday] At 6 o'clock, I came to Xiao's Villa Wind Pavilion to deliver food. At 8 o'clock, leave Xiao's Villa and return to Moonriver Inn.” wikitext text/x-wiki =Liu Sanniang[[File:柳三娘.png]]= The owner of the Moonriver Inn. ===Journey=== When the Moonriver Inn opened, Liu Sanniang stood behind the counter. At 0:00 in the morning, Liu Sanniang went upstairs to sleep. [Wednesday] [Friday] At 6 o'clock, I came to Xiao's Villa Wind Pavilion to deliver food. At 8 o'clock, leave Xiao's Villa and return to Moonriver Inn. ae6acb1432712340e68c2ddd7c8d6a2c95e38948 167 166 2023-12-27T20:05:47Z 397790636 415399 wikitext text/x-wiki =Liu Sanniang[[File:柳三娘.png]]= The owner of the Moonriver Inn. ===Journey=== When the Moonriver Inn opened, Liu Sanniang stood behind the counter. At 0:00 in the morning, Liu Sanniang went upstairs to sleep. 【Wednesday，Friday】 At 6 o'clock, I came to Xiao's Villa Wind Pavilion to deliver food. At 8 o'clock, leave Xiao's Villa and return to Moonriver Inn. e3ca2a960aafac5a26d35db1015839a1fe97ff59 0 20 46 2023-12-27T20:07:36Z 397790636 415399 创建页面，内容为“=Chai Shihao[[File:柴世豪.png]]= The eldest son of the Chai family. ===Journey=== During the carnival, Chai Shihao will always stand in front of the goods pile in the front yard of the Chai family. When the task of returning the gold medal is triggered, Chai Shihao will stay in the warehouse of the SwordWay Sect hall. From 6 o'clock every day, Chai Shihao would stand in front of the goods pile in the front yard of the Chai family. 【Monday，Wednesday…” wikitext text/x-wiki =Chai Shihao[[File:柴世豪.png]]= The eldest son of the Chai family. ===Journey=== During the carnival, Chai Shihao will always stand in front of the goods pile in the front yard of the Chai family. When the task of returning the gold medal is triggered, Chai Shihao will stay in the warehouse of the SwordWay Sect hall. From 6 o'clock every day, Chai Shihao would stand in front of the goods pile in the front yard of the Chai family. 【Monday，Wednesday，Friday】 At 13 o'clock, go to the ancestral hall. At 19:00, return to the warehouse. 【Tuesday ，Thursday ，Saturday】 At 10 o'clock, go to River Town Guild. At 15:30, I returned to the warehouse. 【Sunday】 At 11 o'clock, go to the special sale at He Lianchangshan. At 15:00, go to the private room at the Moonriver Inn. At 20:00, I returned to the warehouse of the Chai family. 3e59bf18fad051bc0ec6dd95858c042dd0c68ce3 0 35 110 2023-12-27T20:10:43Z 397790636 415399 创建页面，内容为“=Grandmother Chai[[File:柴家祖母.png]]= The grandmother of the Chai family rarely goes out. ===Journey=== No matter the season, I get up every morning and offer prayers in my room. Spring and Autumn 【Monday，Wednesday，Friday】 At 13 o'clock, stand in front of the small table. At 17 o'clock, go and stand under the eaves. At 20:00, go back to bed. 【Tuesday，Thursday】 At 13 o'clock, go to the ancestral hall. At 19:00, go back to the room a…” wikitext text/x-wiki =Grandmother Chai[[File:柴家祖母.png]]= The grandmother of the Chai family rarely goes out. ===Journey=== No matter the season, I get up every morning and offer prayers in my room. Spring and Autumn 【Monday，Wednesday，Friday】 At 13 o'clock, stand in front of the small table. At 17 o'clock, go and stand under the eaves. At 20:00, go back to bed. 【Tuesday，Thursday】 At 13 o'clock, go to the ancestral hall. At 19:00, go back to the room and sleep. 【Saturday，Sunday】 13:00, go to the kitchen. At 16:30, go to the lake in the front yard. At 19:30, go back to bed. 【Summer】 【Friday，Saturday】 At 13 o'clock, go to the backyard and stand for a while. At 16:30, I went back to my room and sat down. At 19:30, go to bed. The rest are the same as in the Spring and Autumn Period. 【Winter]】 【Friday，Saturday】 13:00, go to the kitchen. At 17:00, go to the small restaurant. At 19:00, go to bed. The rest are the same as in the Spring and Autumn Period. 9ec6c523fa5c5ca8d06ab9b10114f7fef5d02fe8 0 19 42 41 2023-12-27T20:12:10Z 397790636 415399 wikitext text/x-wiki =Chai Feifei[[File:face_cff_0.png]]= ===Journey=== 【Monday】 No matter the four seasons, Chai Feifei will not leave Chai home. At 10 o 'clock, get up to train the servant. At 13 o 'clock, go to the ancestral hall. At 17:00, go back to the room and look at the books. At 21, go to bed. 【 Wednesday 】 At 13 o 'clock, visit Grandma in Grandma's room. Other same Monday 【 Tuesday 】【 Saturday 】 At 7:30, get up and go to Jiangcheng, and Li Wangxing in front of Xufu rockery collection, wait until Xu Changkong got up after 11 o 'clock start to play. Spring and Autumn: Chai Feifei will go shopping with two small hair in Jiangcheng. 11:00, head to the forge. 14:12, go to Wangzhu clothes shop. 17:40, depart for Jiangyue Building dinner. At half past 21, go home and rest. Summer: Chai Feifei will go to the countryside together with two small hair outing. At 11:00, head to the outskirts of Jiangcheng. Leave for the restaurant at 17:00. Go home and rest at half past 21. Winter: Chai Feifei will stand outside Tiangong Pavilion with two small hair. 11:00, head to Tiangong Pavilion. Leave for the restaurant at 17:00. Go home and rest at half past 21. 【 Thursday 】 Chai Feifei will visit Cao Yunxiu Zhuangjian Pavilion, and participate in Li Wangxing's "national martial arts" plan. At 7 o 'clock, get up and go to the small tea house on the second floor of the main hall of Longjian Pavilion. At 13 o 'clock, go to the Zhuangjige Martial Arts Arena. 18:00, back in the room to throw the pot. 21 o 'clock, go to bed. 【 Friday 】 Chai Fei in the speaker Ding, will go to the guild to visit Xu Fuchun, and after the guild business to accompany him to play chess. At 10 o 'clock, get up to train the servant. At 13:00, head to the River City Guild. 18:12, go to Tongxuan chess Club to play chess with Xu Fuchun. 21:28, go home to bed. 【Sunday】 Chai Feifei will visit the exhibition in Helian Changshan, and in the afternoon with Chai Shihao in the Jiangyue building private room for dinner. At 8:30, get up and go to the special sale of Helian Changshan in Jiangcheng. At 15 o 'clock, go to Jiang Yue Building private room for dinner. At 20, go home to bed. 6e52588d3ba9e7ec4e68ec78307f33e11a6b8c7f 43 42 2023-12-29T03:14:42Z 397790636 415399 wikitext text/x-wiki =Chai Feifei[[File:face_cff_0.png]]= ===Journey=== 【Monday】 No matter what season it is, Chai Feifei won't leave ChaiVilla. 10:00, get up and train the servants. 13:00, go to ChaiAncestral Hall. 17:00, go back to the room to look at the account books. 21:00, go to sleep. 【Wednesday】 13:00, go to her grandmother's room to visit her grandmother. The rest is the same as Monday. 【Tuesday】 【Saturday】 7:30, get up and go to River Town. Gather at Xu`s Main hall rockery before Li Wangxing gets up at 11:00 and start playing after Xu Changkong gets up. Spring and autumn: Chai Feifei will go shopping in River Town with two friends. 11:00, go to the Blacksmith. 14:12, go to the Tailor Shop. 17:40, set off for dinner at the Moonriver Inn. 21:30, go home and rest. Summer: Chai Feifei will go on a picnic in the outskirts of River Town with two friends. 11:00, go to the outskirts of River Town. 17:00, leave for the Moonriver Inn. 21:30, go home and rest. 【Thursday】 Chai Feifei will visit Cao yunxiu in the SwordWay Sect and participate in Li Wangxing's "National Martial Arts" program. 7:00, get up and go to the small tea house on the second floor of the Swordway Sece Hall. 13:00, go to the SwordWay Sect's performance ground. 18:00, go back to the room and throw the flask. 21:00, go to sleep. 【Friday】 After training the servants, Chai Feifei will visit Xu Fuchun in the guild and accompany him to play chess after the guild's business is over. 10:00, get up and train the servants. 13:00, go to the River Town guild. 18:12, go to the Occult Go Club to accompany Xu Fuchun to play chess. 21:28, go home and sleep. 【Sunday】 Chai Feifei will visit He Lianchangshan's exhibition and have dinner with Cai Shihao in the Moonriver Inn private room in the afternoon. 8:30, get up and go to He Lianchangshan's special sale in River Town. 15:00, have dinner in the Moonriver Inn private room. 20:00, go home and sleep. 75af5c27bbac063e468ee9080a0affb51bf65abc 44 43 2023-12-29T03:22:22Z 397790636 415399 wikitext text/x-wiki =Chai Feifei[[File:face_cff_0.png]]= ===Journey=== 【Monday】 No matter what season it is, Chai Feifei won't leave ChaiVilla. 10:00, get up and train the servants. 13:00, go to ChaiAncestral Hall. 17:00, go back to the room to look at the account books. 21:00, go to sleep. 【Wednesday】 13:00, go to her grandmother's room to visit her grandmother. The rest is the same as Monday. 【Tuesday】 【Saturday】 7:30, get up and go to River Town. Gather at Xu`s Main hall rockery before Li Wangxing gets up at 11:00 and start playing after Xu Changkong gets up. Spring and autumn: Chai Feifei will go shopping in River Town with two friends. 11:00, go to the Blacksmith. 14:12, go to the Tailor Shop. 17:40, set off for dinner at the Moonriver Inn. 21:30, go home and rest. Summer: Chai Feifei will go on a picnic in the outskirts of River Town with two friends. 11:00, go to the outskirts of River Town. 17:00, leave for the Moonriver Inn. 21:30, go home and rest. 【Thursday】 Chai Feifei will visit Cao yunxiu in the SwordWay Sect and participate in Li Wangxing's "National Martial Arts" program. 7:00, get up and go to the small tea house on the second floor of the Swordway Sece Hall. 13:00, go to the SwordWay Sect's performance ground. 18:00, go back to the room and throw the flask. 21:00, go to sleep. 【Friday】 After training the servants, Chai Feifei will visit Xu Fuchun in the guild and accompany him to play chess after the guild's business is over. 10:00, get up and train the servants. 13:00, go to the River Town guild. 18:12, go to the Occult Go Club to accompany Xu Fuchun to play chess. 21:28, go home and sleep. 【Sunday】 Chai Feifei will visit He Lianchangshan's exhibition and have dinner with Cai Shihao in the Moonriver Inn private room in the afternoon. 8:30, get up and go to He Lianchangshan's special sale in River Town. 15:00, have dinner in the Moonriver Inn private room. 20:00, go home and sleep. d079e21ce1104cdb95a412bda1761b06669b7ef1 0 40 122 121 2023-12-27T20:12:51Z 397790636 415399 wikitext text/x-wiki =He Lianchangshan[[File:face_hlcs_0.png]]= ===Journey=== [Except Tuesday in summer] He Lianchangshan will go to Moonriver Inn to drink every night, and leave Moonriver Inn at 23 o 'clock to return home. * Spring and Autumn 【 Monday 】 10:00, from home to the forge. 14:00, go to Divine Works Museum. At 19:00, go to Moonriver Inn for drinks. 【 Tuesday 】 At 10:00, got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Wednesday 】【 Friday 】 At 10:00, get up for the guild. At 15:00, go back to the central warehouse and order. At 19:00, go to Moonriver Inn for drinks. 【 Thursday 】 8:00, get up and go to the dock. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. 【 Saturday 】 At 10:00, get up and go to the lobby for Atto's debrief. At 14:00, go to the warehouse with Alto. At 18:10, take A to Moonriver Inn for dinner. 【 Sunday 】 At 9:00, wake up for the sale. At 18:00, end the sale and go to Moonriver Inn for dinner. * Summer 【 Tuesday 】 At 10:00, got up to look at the antique shelves. At 14:00, go to Tailor Shop. 18:41, home to receive Xu Fuchun. 21:31, see you off. At 22:00, I go home to bed. 【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period * Winter 【 Tuesday 】【 Thursday 】 At 10:00, I got up to look at the antique shelves. At 14:00, go to Tailor Shop. At 19:00, go to Moonriver Inn for drinks. The rest of the same period 37c0fde216f3abb6a617ab2dcf2c381532d58520 123 122 2023-12-29T03:17:19Z 397790636 415399 wikitext text/x-wiki =He Lianchangshan[[File:face_hlcs_0.png]]= ===Journey=== 【Except for summer on Tuesday】 He Lianchangshan goes to the Moonriver Inn to drink every night and leaves the Moonriver Inn at 23:00 to return home every day in spring and autumn. 【Spring and autumn】 【Monday】 10:00, leave home and go to the Blacksmith. 14:00, go to the JiAn Clinic. 19:00, go to the Moonriver Inn to drink. 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Wednesday】【Friday】 10:00, get up and go to the guild. 15:00, return home and check the warehouse stock. 19:00, go to the Moonriver Inn to drink. 【Thursday】 8:00, get up and go to the dock. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Saturday】 10:00, get up and go to the hall to listen to Tuo's report. 14:00, check stock with Tuo in the warehouse. 18:10, take Tuo to eat at the Moonriver Inn. 80262ebb681b17bee26ca32c5e1e5b7f1597fe6f 124 123 2023-12-29T03:21:55Z 397790636 415399 wikitext text/x-wiki =He Lianchangshan[[File:face_hlcs_0.png]]= ===Journey=== 【Except for summer on Tuesday】 He Lianchangshan goes to the Moonriver Inn to drink every night and leaves the Moonriver Inn at 23:00 to return home every day in spring and autumn. 【Spring and autumn】 【Monday】 10:00, leave home and go to the Blacksmith. 14:00, go to the JiAn Clinic. 19:00, go to the Moonriver Inn to drink. 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Wednesday】【Friday】 10:00, get up and go to the guild. 15:00, return home and check the warehouse stock. 19:00, go to the Moonriver Inn to drink. 【Thursday】 8:00, get up and go to the dock. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Saturday】 10:00, get up and go to the hall to listen to Tuo's report. 14:00, check stock with Tuo in the warehouse. 18:10, take Tuo to eat at the Moonriver Inn. 【Sunday】 9:00, get up and go to the sale. 18:00, end the sale and go to the Moonriver Inn for dinner. 【Summer】 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 18:41, go home to receive Xu Fuchun. 21:31, see him off. 22:00, go home and sleep. 【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 【Winter】 【Tuesday】【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 932e15bd76674017090e167cd0ed2518a141980e 125 124 2023-12-29T03:23:49Z 397790636 415399 wikitext text/x-wiki =He Lianchangshan[[File:face_hlcs_0.png]]= ===Journey=== 【Except for summer on Tuesday】 He Lianchangshan goes to the Moonriver Inn to drink every night and leaves the Moonriver Inn at 23:00 to return home every day in spring and autumn. 【Spring and autumn】 【Monday】 10:00, leave home and go to the Blacksmith. 14:00, go to the JiAn Clinic. 19:00, go to the Moonriver Inn to drink. 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Wednesday】【Friday】 10:00, get up and go to the guild. 15:00, return home and check the warehouse stock. 19:00, go to the Moonriver Inn to drink. 【Thursday】 8:00, get up and go to the dock. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Saturday】 10:00, get up and go to the hall to listen to Tuo's report. 14:00, check stock with Tuo in the warehouse. 18:10, take Tuo to eat at the Moonriver Inn. 【Sunday】 9:00, get up and go to the sale. 18:00, end the sale and go to the Moonriver Inn for dinner. 【Summer】 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 18:41, go home to receive Xu Fuchun. 21:31, see him off. 22:00, go home and sleep. 【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 【Winter】 【Tuesday】【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 504a2ed7214a1576e39fd0de7fa8080a16612dc6 0 53 178 177 2023-12-27T20:13:45Z 397790636 415399 wikitext text/x-wiki =Lu Chanyi[[File:face_lcy_0.png]]= ===Journey=== [Every morning] Lu Chanyi will cook medicine at the JiAn Clinic and can enter the JiAn Clinic when it opens. Rainy and snowy day Lu Chanyi will not leave JiAn Clinic, will cook medicine in JiAn Clinic, and A Biao play, read. In the spring 【 Monday 】【 Tuesday 】【 Wednesday 】 8:40, put away the pot of medicine, go to the snow library to study! At 16:00, class is over! Hurry home to take care of the medicinal fields. 20:30, go home to bed! 【 Thursday 】【 Friday 】 At 9 o 'clock, put away the small medicine pot and go to see if the A Biao in the room is hungry. 12 o 'clock, to the top of the mountain to collect medicine! At 17:00, check out the trail's secret little cave. At half past eighteen, go home and write in a little journal. Twenty thirty, go to bed! 【 Saturday 】 8:50, go to the small yard of Snowshine Academy to check sister Li Yan's pulse! At 16:00, stand in front of the library for a while. 18:02. Go home and write in a little journal. Twenty thirty, go to bed! 【 Sunday 】 At 14:00, I left home and went to Chai's house to give Chai's grandmother some medicine, and then talked with her in the front yard. At half past eighteen, I went home from Chai's house to write a little diary. 22 o 'clock, so late... Go to sleep! In the summer 【 Wednesday 】 9 o 'clock, go to the gate of JiAn Clinic to dry medicine! At 13 o 'clock, go outside Xiao Villa to pick anise ginseng! At 18:00, go home and write in a little journal. 22 o 'clock, so late... Go to sleep! 【 Thursday 】【 Friday 】 At 9:00, go to the room and check on A young dog. 12 o 'clock, start walking back and forth to record the medicine. At 18:00, sort out today's medicine records. 【 Saturday 】 Li Yan 6 stars before, with spring. Li Yan 6 stars after good impression, 11 o 'clock, go to the suburbs to enjoy the flowers. At 18:00, go home and write in a little journal. 22 o 'clock, go to bed! Rest in the same spring In the autumn 【 Thursday 】【 Friday 】 synchrony The rest of the same summer In the winter 【 Thursday 】【 Friday 】 Same as summer Others are the same as in spring. 3867e2a3a6f4b5cd9c3fbc11a56451805e1bdd6f 179 178 2023-12-29T03:41:13Z 397790636 415399 wikitext text/x-wiki 【Every morning】 Lu Chanyi would boil medicine at JiAn Clinic. You can enter the clinic to look for her when it opens. On rainy or snowy days, Lu Chanyi won't leave JiAn Clinic. She would boil medicine there, play with A Biao, and read books. 【Spring】 【Monday】【Tuesday】【Wednesday】 8:40, put away the medicine pot, go to Snowshine Academy for supplementary lessons! 16:00, the class is over! Quickly go home to tend to the medicinal herb field. 20:30, go home and sleep! 【Thursday】【Friday】 9:00, put away the medicine pot, see if A Biao is hungry in the room. 12:00, go to the River Town Suburbs to pick medicinal herbs! 17:00, go to the secret small cave in the River Town Suburbs. 18:30, go home and write a little diary. 20:30, go to sleep! 【Saturday】 8:50, go to the Snowshine Academy to take the pulse of Li Yan's sister! 16:00, stand outside the library for a while. 18:02, go home and write a little diary. 20:30, go to sleep! 【Sunday】 14:00, leave home and go to Chai's house to give some medicine to Chai's grandmother, then chat with her in the front yard. 18:30, go home from Chai's house and write a little diary. 22:00, it's late...go to sleep! Summer 【Wednesday】 9:00, go to the gate of JiAn Clinic to dry the medicine! 13:00, go to the outside of Xiao's mansion to pick fennel! 18:00, go home and write a little diary. 22:00, it's late...go to sleep! 【Thursday】【Friday】 9:00, go to the room to see A Biao. 12:00, start walking back and forth to record the medicinal herbs. 18:00, organize today's record of medicinal herbs. 【Saturday】 Before Li Yan's 6-star favorability, same as spring. After Li Yan's 6-star favorability, 11:00, go to the River Town Suburbs to admire flowers. 18:00, go home and write a little diary. 22:00, go to sleep! The rest is the same as spring. Autumn 【Thursday】【Friday】Same as spring. The rest is the same as summer. Winter 【Thursday】【Friday】Same as summer. The rest is the same as spring. d12de4749e8ea679d782785f1684272339a0b643 180 179 2023-12-29T03:43:30Z 397790636 415399 wikitext text/x-wiki 【Every morning】 Lu Chanyi would boil medicine at JiAn Clinic. You can enter the clinic to look for her when it opens. On rainy or snowy days, Lu Chanyi won't leave JiAn Clinic. She would boil medicine there, play with A Biao, and read books. 【Spring】 【Monday】【Tuesday】【Wednesday】 8:40, put away the medicine pot, go to Snowshine Academy for supplementary lessons! 16:00, the class is over! Quickly go home to tend to the medicinal herb field. 20:30, go home and sleep! 【Thursday】【Friday】 9:00, put away the medicine pot, see if A Biao is hungry in the room. 12:00, go to the River Town Suburbs to pick medicinal herbs! 17:00, go to the secret small cave in the River Town Suburbs. 18:30, go home and write a little diary. 20:30, go to sleep! 【Saturday】 8:50, go to the Snowshine Academy to take the pulse of Li Yan's sister! 16:00, stand outside the library for a while. 18:02, go home and write a little diary. 20:30, go to sleep! 【Sunday】 14:00, leave home and go to Chai's house to give some medicine to Chai's grandmother, then chat with her in the front yard. 18:30, go home from Chai's house and write a little diary. 22:00, it's late...go to sleep! Summer 【Wednesday】 9:00, go to the gate of JiAn Clinic to dry the medicine! 13:00, go to the outside of Xiao's mansion to pick fennel! 18:00, go home and write a little diary. 22:00, it's late...go to sleep! 【Thursday】【Friday】 9:00, go to the room to see A Biao. 12:00, start walking back and forth to record the medicinal herbs. 18:00, organize today's record of medicinal herbs. 【Saturday】 Before Li Yan's 6-star favorability, same as spring. After Li Yan's 6-star favorability, 11:00, go to the River Town Suburbs to admire flowers. 18:00, go home and write a little diary. 22:00, go to sleep! The rest is the same as spring. Autumn 【Thursday】【Friday】 Same as spring. The rest is the same as summer. Winter 【Thursday】【Friday】 Same as summer. The rest is the same as spring. 79d3deee38447767a30274d476e4c9f346a7b07d 0 45 154 153 2023-12-27T20:14:28Z 397790636 415399 wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【 Monday 】【 Friday 】 8 o 'clock, appear in River town, go to JiAn Clinic medicine field to pick the right herbs. At 12 o 'clock, go to JiAn Clinic to find Lu Ying settlement to buy herbs. At 15 o 'clock, set out to return to Heart Cliff to look at the stars. At 21:00, go back to the second floor room of SwordWay Sect to sleep. 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. 11:00, go to Blacksmith. At 14:00, go to the divinatory table and tell the fortune. At 18:00, go to the Moonriver Inn for dinner. At half past 21, I go home to bed. 【 Wednesday 】【 Sunday 】 At 6:10, he practiced his sword at training field. At 12 o 'clock, go to the second floor of the main hall of SwordWay Sect to meditate. 18:00, back to your room. 21 o 'clock, go to bed. 【 Thursday 】 At 6:10, he practiced his sword at the Longitudinal Jiange training field. At 11 o 'clock, go to the martial arts field to organize national martial arts activities. If it is rain or snow weather or autumn, 15 o 'clock will go to the heart cliff to see the stars, 21 o 'clock back to bed. If it is sunny, 18:02 will send Lu Binghua back to Lu's home, leaving River town at 21 to go to bed. In the summer 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, such as small Xu Changkong to get up and set out to play. 11:00, Go to the suburbs for play pitch-bot game At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same period In the winter 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. At 11:00, go to Tiangong Pavilion and stand at the gate. At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same Spring and Autumn 83087de88419b154a5f87bb39fc6ddc71c9bb0d7 155 154 2023-12-27T20:14:47Z 397790636 415399 wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【 Monday 】【 Friday 】 8 o 'clock, appear in River town, go to JiAn Clinic medicine field to pick the right herbs. At 12 o 'clock, go to JiAn Clinic to find Lu Ying settlement to buy herbs. At 15 o 'clock, set out to return to Heart Cliff to look at the stars. At 21:00, go back to the second floor room of SwordWay Sect to sleep. 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. 11:00, go to Blacksmith. At 14:00, go to the divinatory table and tell the fortune. At 18:00, go to the Moonriver Inn for dinner. At half past 21, I go home to bed. 【 Wednesday 】【 Sunday 】 At 6:10, he practiced his sword at training field. At 12 o 'clock, go to the second floor of the main hall of SwordWay Sect to meditate. 18:00, back to your room. 21 o 'clock, go to bed. 【 Thursday 】 At 6:10, he practiced his sword at the Longitudinal Jiange training field. At 11 o 'clock, go to the martial arts field to organize national martial arts activities. If it is rain or snow weather or autumn, 15 o 'clock will go to the heart cliff to see the stars, 21 o 'clock back to bed. If it is sunny, 18:02 will send Lu Binghua back to Lu's home, leaving River town at 21 to go to bed. In the summer 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, such as small Xu Changkong to get up and set out to play. 11:00, Go to the suburbs for play pitch-bot game At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same period In the winter 【 Tuesday 】【 Saturday 】 At 8 o 'clock, River town gate to Xujia rockery before the collection, Xu Changkong to get up and set out to play. At 11:00, go to Tiangong Pavilion and stand at the gate. At 17:00, go to the restaurant for dinner. At half past 21, I go home to bed. The rest of the same Spring and Autumn 44170ef95534a8a151c9173707f8a62176601cc1 156 155 2023-12-29T03:54:52Z 397790636 415399 wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【Monday】【Friday】 8:00, after Xu Jia rockery before the collection, wait until friends Xu Changkong get up and set out to play. 12:00, go to the JiAn Clinic to settle with Lu Ying for the herbs. 15:00, set out to return to the SwordWay SectHeart Cliff to admire the stars. 21:00, return to the second floor room of SwordWay Sect to sleep. 【Tuesday】【Saturday】 8:00, River Town gate to Xu rockery before the collection, until friends Xu Changkong get up and set out to play. 11:00, go to the Blacksmith. 14:00, go to the fortune-telling stand to have their fortunes told. 18:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. 【Wednesday】【Sunday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 12:00, go to the second floor of the Swordway Sece Hall to meditate. 18:00, return to the room. 21:00, go to sleep. 【Thursday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 11:00, go to the training ground to organize a nationwide martial arts activity. If it is rainy or snowy weather or autumn, I will go to Heart Cliff at 15:00 to admire the stars and return home at 21:00 to sleep. If it is sunny, I will send Lu Binghua back to Lu's house at 18:02 and leave River Town at 21:00 to return home and sleep. Summer 【Tuesday】【Saturday】 8:00, after Xu Jia rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the River Town Suburbs to throw a pottery jar. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. Winter 【Tuesday】【Saturday】 8:00, gather at the entrance of River Town in front of the artificial hill of the Xu family, wait for friend Xu Changkong to wake up and then set out to play. 11:00, go to the JiAn Clinic and stand at the gate. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. 70d2b762ee4b01f5001bd74b4b5a1e4248aa8ec5 157 156 2023-12-29T03:55:55Z 397790636 415399 wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【Monday】【Friday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 12:00, go to the JiAn Clinic to settle with Lu Ying for the herbs. 15:00, set out to return to the SwordWay SectHeart Cliff to admire the stars. 21:00, return to the second floor room of SwordWay Sect to sleep. 【Tuesday】【Saturday】 8:00, River Town gate to Xu rockery before the collection, until friends Xu Changkong get up and set out to play. 11:00, go to the Blacksmith. 14:00, go to the fortune-telling stand to have their fortunes told. 18:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. 【Wednesday】【Sunday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 12:00, go to the second floor of the Swordway Sece Hall to meditate. 18:00, return to the room. 21:00, go to sleep. 【Thursday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 11:00, go to the training ground to organize a nationwide martial arts activity. If it is rainy or snowy weather or autumn, I will go to Heart Cliff at 15:00 to admire the stars and return home at 21:00 to sleep. If it is sunny, I will send Lu Binghua back to Lu's house at 18:02 and leave River Town at 21:00 to return home and sleep. Summer 【Tuesday】【Saturday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the River Town Suburbs to throw a pottery jar. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. Winter 【Tuesday】【Saturday】 8:00, gather at the entrance of River Town in front of the artificial hill of the Xu family, wait for friend Xu Changkong to wake up and then set out to play. 11:00, go to the JiAn Clinic and stand at the gate. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. 9542dfa39474b2336608163870b8350eb113e954 158 157 2023-12-29T04:03:33Z 397790636 415399 wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【Monday】【Friday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 12:00, go to the JiAn Clinic to settle with Lu Ying for the herbs. 15:00, set out to return to the SwordWay SectHeart Cliff to admire the stars. 21:00, return to the second floor room of SwordWay Sect to sleep. 【Tuesday】【Saturday】 8:00, River Town gate to Xu rockery before the collection, until friends Xu Changkong get up and set out to play. 11:00, go to the Blacksmith. 14:00, go to the fortune-telling stand to have their fortunes told. 18:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. 【Wednesday】【Sunday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 12:00, go to the second floor of the Swordway Sece Hall to meditate. 18:00, return to the room. 21:00, go to sleep. 【Thursday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 11:00, go to the training ground to organize a nationwide martial arts activity. If it is rainy or snowy weather or autumn, he will go to Heart Cliff at 15:00 to admire the stars and return home at 21:00 to sleep. If it is sunny, he will send Lu Binghua back to Lu's house at 18:02 and leave River Town at 21:00 to return home and sleep. Summer 【Tuesday】【Saturday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the River Town Suburbs to throw a pottery jar. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. Winter 【Tuesday】【Saturday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the JiAn Clinic and stand at the gate. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. 6009e57bb2b5aac88686e48328dbb82b773fba1e 0 69 257 2023-12-28T08:17:06Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||file:build_…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，水管，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> bc8473453cbb09da69413e2d84b5a677b1a87eae 258 257 2023-12-28T18:48:45Z 397790636 415399 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">T1</span></li> <li class="bili-list-style"><span class="tab-panel">T2</span></li> <li class="bili-list-style"><span class="tab-panel">T3</span></li> <li class="bili-list-style"><span class="tab-panel">T4</span></li> <li class="bili-list-style"><span class="tab-panel">T5</span></li> <li class="bili-list-style"><span class="tab-panel">T6</span></li> <li class="bili-list-style"><span class="tab-panel">T7</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--T1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T1 Node 1||[[file:1-1.png]]||Main Control Device||The main control device can be used for technology learning and I-Crystal exchange.||Lumber *15, Aggregate *15, Coal *20 |- <!-- 第2行 --> |Repair T1 Node 2||[[file:1-2.png]]||Resource Detector||Press [Q] on the world map to scan nearby mineral resources and mark their location for tracking.||Iron Ingot*30，Copper Ingot*30 |- <!-- 第3行 --> |Repair T1 Node 3||[[file:1-3.png]]||North Bridge||Repair the North Bridge, leading to the northern continent.||Wooden Plate*80，Wooden Rod*100，Iron Plate*30 |- <!-- 第4行 --> |Repair T1 Node 4||[[file:1-4.png]]||Backpack Expansion||Increase the maximum number of backpack slots by 8.||Thread*40，Cloth*20 |- <!-- 第5行 --> |Repair T1 Node 5||[[file:1-5.png]]||River Town Transport Station||The transport station allows for quick teleportation between explored villages and other transport stations.||Stone Brick*160，Primary Tools*20，Wooden Rod*300，Cloth*20 |- <!-- 第6行 --> |T1 Completed||[[file:0-1.png]]||Teleportation Well||Teleportation wells allow quick movement between River Town wells.||All nodes of the T1 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T2 Node 1||[[file:2-1.png]]||Batch Demolition||Unlock the deconstruction planner for batch demolition of buildings.||Liquor*60，Cooking Oil*60 |- <!-- 第2行 --> |Repair T2 Node 2||[[file:2-2.png]]||Portable Lab||Unlock quick technology learning and the [Crystalizer] building recipe (automated production of I-Crystal using input materials).||Copper Plate*400，Iron Plate*400，Primary Tools*120 |- <!-- 第3行 --> |Repair T2 Node 3||[[file:2-3.png]]||Primary Core Processing||Unlock the recipe for the [Core Charger] building and the production recipe for [Energy Module C], as well as the production recipe for [Iron Core].||Screw*800，Copper Cable*500，Stone Brick*400 |- <!-- 第4行 --> |Repair T2 Node 4||[[file:2-4.png]]||Wild Enemy Detector||Press [F] on the world map to scan for potential nearby enemies.||Iron Frame*400，Wooden Frame*100，Spider Leg*20，Bat Tooth*20 |- <!-- 第5行 --> |Repair T2 Node 5||[[file:2-5.png]]||Craft Room||Unlock the recipe for the [Craft Room] building.||Reinforced Wooden Plate*100，Copper Plate*500，Energy Module C*20，Oiled Paper*20 |- <!-- 第6行 --> |T2 Completed||[[file:0-2.png]]||Friend Locator||In [Menu-Socialize], you can view the current location of friends you already know.||All nodes of the T2 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T3--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T3 Node 1||[[file:3-1.png]]||Refined Mining||Various resource sites can be upgraded to level 5.||Iron Core*50，Reinforced Wooden Plate*150，Reinforced Iron Plate*100，Copper Cable*1000 |- <!-- 第2行 --> |Repair T3 Node 2||[[file:3-2.png]]||BI-Crystal||Unlock [BI-Crystal] exchange and recipe.||Reinforced Wooden Plate*400，Reinforced Iron Plate*300，Iron Core*120，Stone Brick*1000 |- <!-- 第3行 --> |Repair T3 Node 3||[[file:3-3.png]]||East Bridge||Repair the East Bridge, leading to the eastern continent.||Steel Plate*400，Steel Pipe*400，Iron Tools*10，Reinforced Wooden Plate*500 |- <!-- 第4行 --> |Repair T3 Node 4||[[file:3-4.png]]||Quantum Movement||Unlock the recipe for the [Teleport Pad] building.||Iron Core*200，Rotor*200，Steel Pipe*600，Steel Plate*600 |- <!-- 第5行 --> |Repair T3 Node 5||[[file:3-5.png]]||Blueprint||Unlock blueprint function and the recipe for [Building Capsule].||Stone Brick*1500，Reinforced Wooden Plate*800，Wooden Frame*600，Iron Tools*100 |- <!-- 第6行 --> |T3 Completed||[[file:0-3.png]]||Mini Map||You can view a mini-map of all locations except the workshop.||All nodes of the T3 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T4--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T4 Node 1||[[file:4-1.png]]||Sand Mine Detector||Ability to scan for sand mine on the world map.||Iron Tools*200，Iron Core*200，Rotor*200 |- <!-- 第2行 --> |Repair T4 Node 2||[[file:4-2.png]]||Beast Tide||Activate the beast tide defense mode in River Town.||Sand*1000，Purified Silicon*500，Glass*400 |- <!-- 第3行 --> |Repair T4 Node 3||[[file:4-3.png]]||Intermediate Core Processing||Unlock the production recipe for [Energy Module B] and the production recipe for [Steel Core].||Reinforced Concrete*200，Stator*100，Rotor*240，Iron Core*400 |- <!-- 第4行 --> |Repair T4 Node 4||[[file:4-4.png]]||West Bridge||Repair the West Bridge, leading to the western continent.||Reinforced Brick*600，Iron Tools*200，Industrial Structure*50，Energy Module B*50 |- <!-- 第5行 --> |Repair T4 Node 5||[[file:4-5.png]]||Dimensional Boots||Acquired the equipment [Dimensional Boots], if equipped, you can move through the workshop without being blocked by buildings.||Glass*800，Purified Silicon*800，Steel Core*100，Industrial Structure*100 |- <!-- 第6行 --> |T4 Completed||[[file:0-4.png]]||Distributed Workshop||Able to observe vacant land on the world map, can purchase the land to expand the workshop, and unlock the recipes for [Inter-area Sending Depot] and [Inter-area Receiving Depot].||All nodes of the T4 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T5--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T5 Node 1||[[file:5-1.png]]||Inter-area Power Transmission||Unlock the recipe for the [Inter-area Power Provider] and [Inter-area Power Receiver] buildings.||Industrial Structure*200，Steel Core*300，Fuel Bar*1000，Iron Tools*500 |- <!-- 第2行 --> |Repair T5 Node 2||[[file:5-2.png]]||Resource Site Teleportation||Option to quickly move to specified resource sites in the resource interface.||芯片*200，Stator*500，Rotor*500，Reinforced Brick*2000 |- <!-- 第3行 --> |Repair T5 Node 3||[[file:5-3.png]]||Inter-area Teleportation||Unlock the recipe for the [Inter-area Teleporter] building.||Controller*200，Electric Motor*200，Industrial Structure*400，Steel Core*500 |- <!-- 第4行 --> |Repair T5 Node 4||[[file:5-4.png]]||PI-Crystal||Unlock [PI-Crystal] exchange and recipe.||Advanced Tools*100，Electric Motor*200，Controller*300 |- <!-- 第5行 --> |Repair T5 Node 5||[[file:5-5.png]]||South Bridge||Repair the South Bridge, leading to the southern continent.||Reinforced Brick*2500，Industrial Structure*500，Advanced Tools*50，Electric Motor*300 |- <!-- 第6行 --> |T5 Completed||[[file:0-5.png]]||Crude Oil Exploration||Able to observe and scan crude oil resources on the world map, while also unlocking [Refinery].||All nodes of the T5 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T6--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T6 Node 1||[[file:6-1.png]]||Advanced Mining||Various resource sites can be upgraded to level 8.||Packaged Oil*1500，Plastic*400，Rubber*400，Controller*300 |- <!-- 第2行 --> |Repair T6 Node 2||[[file:6-2.png]]||Fuel Power Generation||Unlock the building recipe for [Fuel Generator] and the production recipe for [Fuel Energy Cube].||Plastic*500，Rubber*500，Electric Motor*300，Advanced Tools*100 |- <!-- 第3行 --> |Repair T6 Node 3||[[file:6-3.png]]||Information Technology||Unlock the production recipe for [Large Computer].||Circuit Board*200，Industrial Structure*500，High-performance Flooring*400，Controller*400 |- <!-- 第4行 --> |Repair T6 Node 4||[[file:6-4.png]]||Accessory Slot Expansion||Unlock the second accessory slot for equipment.||Large Computer*50，Circuit Board*300，Advanced Tools*300，Electric Motor*500 |- <!-- 第5行 --> |Repair T6 Node 5||[[file:6-5.png]]||Artisan Ring||Obtained the accessory [Artisan Ring], wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||Large Computer*150，High-performance Flooring*800，Iron Core*3000，Steel Core*1500 |- <!-- 第6行 --> |T6 Completed||[[file:0-6.png]]||Oracle Temple Restoration||Oracle Temple has been completely restored, and XT's energy is fully charged.||All nodes of the T6 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T7--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T7 Node 1||[[file:7-1.png]]||Floatland Teleportation||Unlock the teleporter to the Floatland map||Large Computer*300，Advanced Tools*600，Rubber*1200，High-performance Flooring600 |- <!-- 第2行 --> |Repair T7 Node 2||[[file:7-2.png]]||Overclocking||Unlock the production machinery [overclocking] function, which can adjust the production rate to 10%~ 200%.||Organic Energy Block*200，Large Computer*400，Radiator*100，Advanced Tools*500 |- <!-- 第3行 --> |Repair T7 Node 3||[[file:7-3.png]]||YI-Crystal||Unlock [YI-Crystal] exchange and recipe||Large Computer*400，Superalloy*400，Radiator*200，Steel Core*600 |- <!-- 第4行 --> |Repair T7 Node 4||[[file:7-4.png]]||Advanced Core Processing||Unlock the production recipe for [Energy Module A] and the production recipe for [Mechanical Core].||Radiator*300，Iron Core*2000，Steel Core*800，Advanced Tools*600 |- <!-- 第5行 --> |Repair T7 Node 5||[[file:7-5.png]]||Superior Mining||Various resource sites can be upgraded to level 9 (maximum)||Mechanical Core*200，Radiator*500，Space Structure*100，Space Fuel*100 |- <!-- 第6行 --> |T7 Completed||[[file:0-7.png]]||Rocket Silo||Unlock the recipe for the [Rocket Silo] building.||All nodes of the T7 have been repaired. |} </div> </div> </div> </div> </div> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，水管，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> 12256318f934c0771565aa93d35ca02f12ed1dc6 0 66 249 248 2023-12-28T12:33:41Z 397790636 415399 wikitext text/x-wiki ==Dateables NPC == [[文件:face_cff_0.png|Chai Feifei|100px|left|link=Chai Feifei]] [[文件:face_hlcs_0.png|He Lianchangshan|125px|link=He Lianchangshan]] [[文件:face_lcy_0.png|Lu Chanyi|100px|link=Lu Chanyi]] [[文件:face_lwx_0.png|Li Wangxing|125px|link=Li Wangxing]] [[文件:face_lyy_0.png|Liu Yiyi|100px|link=Liu Yiyi]] [[文件:face_xck_0.png|Xu Changkong|125px|link=Xu Changkong]] [[文件:face_xct_0.png|Xu Changting|100px|link=Xu Changting]] [[文件:face_zly_0.png|Li Yan|100px|link=Li Yan]] [[文件:萧钰.png|Xiao Yu|100px|link=Xiao Yu]] [[文件:阿昙.png|Tan|100px|link=Tan]] ==Other NPC== [[文件:鲁冰花.png|Lu Binghua|100px|link=Lu Binghua]] [[文件:一元.png|Yi Yuan|100px|link=Yi Yuan]] [[文件:徐富春.png|Xu Fuchun|100px|link=Xu Fuchun]] [[文件:林山石.png|Lin Shanshi|100px|link=Lin Shanshi]] [[文件:曹云惠.png|Cao Yunhui|100px|link=Cao Yunhui]] [[文件:鲁威.png|Lu Wei|100px|link=Lu Wei]] [[文件:曹云秀.png|Cao Yunxiu|100px|link=Cao Yunxiu]] [[文件:俞关山.png|Yu Guanshan|100px|link=Yu Guanshan]] [[文件:孙道一.png|Sun Daoyi|100px|link=Sun Daoyi]] [[文件:陆英.png|Lu Ying|100px|link=Lu Ying]] [[文件:郑德.png|Zheng De|100px|link=Zheng De]] [[文件:红弦.png|Hong Xian|100px|link=Hong Xian]] [[文件:寒山.png|Han Shan|100px|link=Han Shan]] [[文件:野利旺珠.png|Ye Liwangzhu|100px|link=Ye Liwangzhu]] [[文件:柳三娘.png|Liu Sanniang|100px|link=Liu Sanniang]] [[文件:柴世豪.png|Chai Shihao|100px|link=Chai Shihao]] [[文件:柴家祖母.png|Grandmother Chai|100px|link=Grandmother Chai]] baa81fccda09c72b060fb747b8a9de362545f893 0 34 107 2023-12-29T05:48:56Z 397790636 415399 创建页面，内容为“In the game, the gathering point emits green light points. You can select it to gather. The gathering time is defaulted to 30 minutes, which can be accelerated by life talent. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !place!!Gather |- <!-- 第1行 --> |JiAn Clinic Acquisition point||Feather Grass*2 100%，Spring Leaf（autumn is Firethorn，Except in winter）80% |- <!-- 第2行 --> |River Town Guild Acquisition point||Feather Grass*2 9…” wikitext text/x-wiki In the game, the gathering point emits green light points. You can select it to gather. The gathering time is defaulted to 30 minutes, which can be accelerated by life talent. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !place!!Gather |- <!-- 第1行 --> |JiAn Clinic Acquisition point||Feather Grass*2 100%，Spring Leaf（autumn is Firethorn，Except in winter）80% |- <!-- 第2行 --> |River Town Guild Acquisition point||Feather Grass*2 90%，Spring Leaf（autumn is Firethorn，Except in winter）80% |- <!-- 第3行 --> |Snowshine Academy Acquisition point||Feather Grass*2 90%，Spring Leaf（autumn is Firethorn，Except in winter）80% |- <!-- 第4行 --> |River Town Dock Acquisition point||Fish*2 90%，Seafood*1 20%，70%Trash*1（rain and winter Seafood50%，Fish90%，80%Trash） |- <!-- 第5行 --> |River Town Suburbs Acquisition point||Wild Harpflower* 2 80%，summer and autumn Firethorn（spring is Spring Leaf）70%，Egg50%，Egg30%，Egg20% / winter：Wild Harpflower* 2 60%，Feather Grass*2 70%，Egg60%，Egg40%，Egg30% |- <!-- 第6行 --> |River Town Hilltop Acquisition point||Wild Harpflower* 2 80%，summer and autumn Firethorn（spring is Spring Leaf）70%，Egg50%，Egg30%，Egg20% / winter：Wild Harpflower* 2 60%，Feather Grass*2 70%，Egg60%，Egg40%，Egg30% |- <!-- 第7行 --> |Suburban Hilltop Acquisition point||Lantern Harebell*2 80%，springsummer-Spring Leaf70%，summerautumn-Firethorn70%，Egg70%，Egg60%，Egg50% /winter：Lantern Harebell60% *2，Egg80%，Egg70%，Egg60% |- <!-- 第8行 --> |River Town Suburbs Dock||Fish*2 90%，Seafood*1 20%，70%Trash*1（rain and winter Seafood50%，Fish90%，80%Trash） |- <!-- 第9行 --> |Xiao`s Villa Acquisition point||Fennel Ginseng*3 80%，spring summer-Spring Leaf70%，summer autumn-Firethorn70%，Egg50%，Egg30%，Egg20%/winter：Fennel Ginseng*3 70%，Egg60%，Egg40%，Egg30% |- <!-- 第10行 --> |Heart Cliff Acquisition point||Fennel Ginseng*3 80%，spring summer-Spring Leaf70%，summer autumn-Firethorn70%，Egg50%，Egg30%，Egg20%/winter：Fennel Ginseng*3 70%，Egg60%，Egg40%，Egg30% |- <!-- 第11行 --> |Chai`VillaFish Dock||Fish*2 90%，Seafood*1 20%，70%Trash*1（rain and winter Seafood50%，Fish90%，80%Trash） |- <!-- 第12行 --> |Harvest Village Acquisition point||Feather Grass*2 80%，Wild Harpflower*2 70%，Egg70%，Egg60%，Egg50% |- <!-- 第13行 --> |Harvest Village vegetable plot||Vegetables*2 90%（Except in winter） |- <!-- 第14行 --> |Global Village Acquisition point||Fish*2 90%，Seafood*1 70%，70%Trash*1（rain and winter Seafood90%，Fish90%，80%Trash） |- <!-- 第15行 --> |Xu`s Villa fruiter||(summer and autumn) Fruit |- <!-- 第16行 --> |River Town Suburbs fruiter||(summer and autumn) Fruit |} </div> <div class="resp-tab-content" style="display:none"><!--命名规则--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !采集类型!!采集等级!!序号 |- <!-- 第1行 --> |水果10||01|| |- <!-- 第2行 --> |药草20||01-03|| |- <!-- 第3行 --> |鱼类30||01-02|| |- <!-- 第4行 --> |垃圾40||01|| |- <!-- 第5行 --> |青菜50||01|| |- <!-- 第6行 --> |其他60|||| |} </div> </div> </div> </div> </div> c7b1881d7e9bcfd3c3ad6a8fb38a91254bd87ea9 0 79 287 2023-12-30T08:15:34Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon |- <!-- 第1行 --> |Warrior Sect Token||The proof of the identity of the Warrior Sect.||[[file:item_20001.png]] |- <!-- 第2行 --> |Secret Key Fragment||The Oracle Envoy left behind a secret key that can transform the Oracle Temple into an attack form. This is one of the fragments of the key.||[[file:item_20002.png]] |- <!-- 第3行 --> |Oracle Secret Key||The secret key l…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon |- <!-- 第1行 --> |Warrior Sect Token||The proof of the identity of the Warrior Sect.||[[file:item_20001.png]] |- <!-- 第2行 --> |Secret Key Fragment||The Oracle Envoy left behind a secret key that can transform the Oracle Temple into an attack form. This is one of the fragments of the key.||[[file:item_20002.png]] |- <!-- 第3行 --> |Oracle Secret Key||The secret key left by Oracle Envoy that can activate the Oracle Mecha.||[[file:item_20003.png]] |- <!-- 第4行 --> |River Town Map||A simple map drawn by Tan when she first arrived in River Town, very helpful for who want to familiar with River Town.||[[file:jcmap.png]] |- <!-- 第5行 --> |Tan's Handkerchief||A handkerchief embroidered by Tan herself, with a small red dot in the flower stamens due to her accidentally pricking her finger.||[[file:item_20010.png]] |- <!-- 第6行 --> |Epiphyllum Dew·Leaves||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20015.png]] |- <!-- 第7行 --> |Epiphyllum Dew·Flowers||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20020.png]] |- <!-- 第8行 --> |Epiphyllum Dew·Roots||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20025.png]] |} </div> </div> </div> </div> </div> ed6e587672ee29b35af8ca06edc23b2a98ad2dad 0 9 14 2023-12-30T08:31:45Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!purpose!!icon!!selling price |- <!-- 第1行 --> |Spider Silk||Silk produced by spiders||sale,produce||[[File:item_900.png]]||3 |- <!-- 第2行 --> |Spider Leg||Spider Leg||sale,produce||[[File:item_901.png]]||4 |- <!-- 第3行 --> |Bat Tooth||Bat Tooth||sale,produce||[[File:item_902.png]]||3 |- <!-- 第4行 --> |Bat Wings||Bat Wings||sale,produce||[[File:item_903.png]]||3 |- <!-…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!purpose!!icon!!selling price |- <!-- 第1行 --> |Spider Silk||Silk produced by spiders||sale,produce||[[File:item_900.png]]||3 |- <!-- 第2行 --> |Spider Leg||Spider Leg||sale,produce||[[File:item_901.png]]||4 |- <!-- 第3行 --> |Bat Tooth||Bat Tooth||sale,produce||[[File:item_902.png]]||3 |- <!-- 第4行 --> |Bat Wings||Bat Wings||sale,produce||[[File:item_903.png]]||3 |- <!-- 第5行 --> |Wolf Tooth||Wolf Tooth||sale,produce||[[File:item_904.png]]||35 |- <!-- 第6行 --> |Beast Fur||Beast Fur||sale,produce||[[File:item_905.png]]||45 |- <!-- 第7行 --> |Wild Boar Tooth||Wild Boar Tooth||sale,produce||[[File:item_906.png]]||42 |- <!-- 第8行 --> |Scorpion Shell||Shell dropped by scorpions||sale,produce||[[File:item_907.png]]||502 |- <!-- 第9行 --> |Sharp Poison Needle||Poisonous needle from scorpions' tail||sale,produce||[[File:item_908.png]]||908 |- <!-- 第10行 --> |Sharp Scorpion Pincer||Scorpion's pincer||sale,produce||[[File:item_909.png]]||402 |- <!-- 第11行 --> |Mystic Serpent Horn||Horn dropped by the Mystic Serpent||sale,produce||[[File:item_910.png]]||1620 |- <!-- 第12行 --> |Mystic Serpent Leather||Leather dropped by the Mystic Serpent||sale,produce||[[File:item_911.png]]||1330 |- <!-- 第13行 --> |Mystic Serpent Essence||Power essence dropped by the Mystic Serpent||sale,produce||[[File:item_912.png]]||5580 |} </div> </div> </div> </div> </div> cb11df9227a1b53f1f0bd4a52a26046fecc8037b 0 32 102 2023-12-30T08:54:06Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon!!use!!access |- <!-- 第1行 --> |Exp Pill (External)||Increases the experience value of the external martial arts being studied, with a maximum increase of 1 level.||[[File:item_4110.png]]||External martial arts experience + 60||box，task |- <!-- 第2行 --> |Exp Pill (Internal)||Increases the experience value of the internal martial arts being studied, with a maximum incr…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon!!use!!access |- <!-- 第1行 --> |Exp Pill (External)||Increases the experience value of the external martial arts being studied, with a maximum increase of 1 level.||[[File:item_4110.png]]||External martial arts experience + 60||box，task |- <!-- 第2行 --> |Exp Pill (Internal)||Increases the experience value of the internal martial arts being studied, with a maximum increase of 1 level.||[[File:item_4120.png]]||Internal martial arts experience + 40||box，task |- <!-- 第3行 --> |Exp Pill (Lightness)||Increases the experience value of the lightness martial arts being studied, with a maximum increase of 1 level.||[[File:item_4130.png]]||Lightness martial arts experience + 275||box，task |- <!-- 第4行 --> |Exp Pill (Tough)||Increases the experience value of the tough martial arts being studied, with a maximum increase of 1 level.||[[File:item_4140.png]]||Tough martial arts experience + 120||box，task |- <!-- 第5行 --> |Fiery Cicada||The Fiery Cicada is bright red like fire, extremely difficult to catch, and is stored by skilled individuals of Oasis Kingdom after capturing a few of them, taking effect can strengthen external martial arts.||[[File:item_4210.png]]||External + 1||box，task |- <!-- 第6行 --> |Ganoderma Lucidum||It grows deep in the Immortal Sect's secret Forest, and one plant grows every hundred years. Taking it can enhance inner martial arts.||[[File:item_4220.png]]||Internal + 1||box，task |- <!-- 第7行 --> |Light Body Amber||Amber formed by ancient ice bees, taking it can transform the body like a bee, enhancing lightness skill.||[[File:item_4230.png]]||Lightness + 1||box，task |- <!-- 第8行 --> |Spirit Tortoise Shell||The hard shell of a thousand-year-old spirit tortoise, taking it can enhance tough martial arts.||[[File:item_4240.png]]||Tough + 1||box，task |- <!-- 第9行 --> |Blood Coral||A thousand-year-old red coral from the deep sea, taking it can strengthen the body, increasing the maximum HP.||[[File:item_4310.png]]||HP Max + 60||box，task |- <!-- 第10行 --> |Monk Sarira||It is said to be the sarira of the monk Yuanjue of Pure Temple after his nirvana, taking it can increase the maximum MP.||[[File:item_4320.png]]||MP Max + 30||box，task |} </div> </div> </div> </div> </div> 720032a2d5daa2b369b04d31c73c65d078a274c7 0 27 89 2023-12-30T13:47:04Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!massage!!icon!!property!!access |- <!-- 第1行 --> |Iron sword||The most basic weapon, only suitable for self-defense.||[[File:item_9000.png]]||Attack + 5||Yu Guanshan presents，Blacksmith Sell |- <!-- 第2行 --> |Cloud-cutter Sword||Sword carried by the disciples of the SwordWay Sect, specially crafted by Lu Wei, exquisite and sharp.||[[File:item_9001.png]]||Attack + 18||Craft Room[Bl…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!massage!!icon!!property!!access |- <!-- 第1行 --> |Iron sword||The most basic weapon, only suitable for self-defense.||[[File:item_9000.png]]||Attack + 5||Yu Guanshan presents，Blacksmith Sell |- <!-- 第2行 --> |Cloud-cutter Sword||Sword carried by the disciples of the SwordWay Sect, specially crafted by Lu Wei, exquisite and sharp.||[[File:item_9001.png]]||Attack + 18||Craft Room[Blacksmith recipes sell] |- <!-- 第3行 --> |Hunting Sword||A sword used for hunting, killing enemies stealthily, and convenient to carry.||[[File:item_9002.png]]||Attack + 18||Blacksmith sell |- <!-- 第4行 --> |Binghua Dagger||A small dagger designed by Lu Binghua herself, better than any sword available on the market.||[[File:item_9003.png]]||Attack + 21 External +3||Craft Room[Blacksmith recipes sell] |- <!-- 第5行 --> |Night Rain Sword||Portable weapon of the MoonShadow Assassins, often used as a tool to identify one's identity.||[[File:item_9004.png]]||Attack + 38 External + 5||Night Rain Cave |- <!-- 第6行 --> |Flying Snow Sword||Weapon from Han Shan's youth, showcasing his terrifying force.||[[File:item_9005.png]]||Attack + 45 External + 7||Silk Cave |- <!-- 第7行 --> |River-Cutting Sword||Forged from the sword manuscript of Lu Wei's family, unable to forge the highest quality even in their lifetime.||[[File:item_9006.png]]||Attack + 37 External + 4||Craft Room[Blacksmith recipes sell] |- <!-- 第8行 --> |Stealth Sword||Sword carried by the Pure Temple, the wielder feels as if entering into the void, concentrating the mind.||[[File:item_9007.png]]||Attack + 68 External + 11||Cloud Wave Cave |- <!-- 第9行 --> |Jade Dragon Sword||Legendary treasure sword used by the leader of the rebel army, capable of cutting iron like mud, made from special materials found in the Oracle Temple.||[[File:item_9008.png]]||Attack + 72 External + 9||Craft Room[Blacksmith recipes sell] |- <!-- 第10行 --> |Immortal Sword||Treasure of the Immortal Sect, lost in the factional struggles, the wielder can reunite the two factions.||[[File:item_9009.png]]||Attack + 90 External + 15||Deicide Cave |- <!-- 第11行 --> |Cloth Headscarf||A headscarf sewn from hemp, of little practical use.||[[File:item_10000.png]]||Defense + 2||Tailor Shop sell |- <!-- 第12行 --> |Brocade Cap||A popular hat among the small wealthy households, good material.||[[File:item_10001.png]]||Defense + 6 Internal + 1||Tailor Shop sell |- <!-- 第13行 --> |Moonshade Hat||A hat designed by Yeli Wangzhu according to her mood, the only one of its kind in the world.||[[File:item_10002.png]]||Defense + 12 Internal + 3 <br>MP Recovery + 1||Ye Liwangzhu gift |- <!-- 第14行 --> |Falcon Hat||Hat favored by the Oasis Kingdom's clan for hunting, symbolizing successful hunts.||[[File:item_10003.png]]||Defense + 9 Internal + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第15行 --> |Long Night Hat||Symbolic headwear of the MoonShadow Assassins, at the sight of this hat, the long night is sleepless for anyone.||[[File:item_10004.png]]||Defense + 14 Internal + 4||Craft Room[Tailor Shop recipes sell] |- <!-- 第16行 --> |Heavens Dragon Crown||Crown prepared by the leader of the rebel army for himself, adorned with pearls and jades.||[[File:item_10008.png]]||Defense + 20 Internal + 6||Complete the task [Build global village] |- <!-- 第17行 --> |Cloth Shirt||A common cloth shirt, available anywhere.||[[File:item_11000.png]]||Defense + 4||Tailor Shop sell |- <!-- 第18行 --> |Charm Fox Fur||Robe loved by the Oasis Kingdom warriors, initially designed by Yeli Wangzhu.||[[File:item_11002.png]]||Defense + 8 Tough + 1||Tailor Shop sell |- <!-- 第19行 --> |Moonshade Robe||A robe designed by Yeli Wangzhu according to her mood, the only one of its kind in the world.||[[File:item_11003.png]]||Defense + 22 Tough + 3 <br>HP Recovery +1||Ye Liwangzhu gift |- <!-- 第20行 --> |Resistance Cloak||A cloak that can withstand freezing weather, with extremely strong cold resistance.||[[File:item_11004.png]]||Defense + 15 Tough + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第21行 --> |Century Armor||Armor designed by the royal family for victorious generals, accompanying them through a hundred battles without defeat.||[[File:item_11007.png]]||Defense + 26 Tough + 4||Craft Room[Tailor Shop recipes sell] |- <!-- 第22行 --> |Oracle Robe||Rumored to be the robe worn by the oracle envoy, made of special material that is impervious to weapons.||[[File:item_11008.png]]||Defense + 35 Tough + 6||Repair All Lighthouse award |- <!-- 第23行 --> |Cloth Shoes||Ordinary cloth shoes, available anywhere||[[File:item_12000.png]]||Defense + 1||Tailor Shop sell |- <!-- 第24行 --> |Pursuit Shoes||Whether chasing deer in the woods or chasing glory in the war, wearing them seems to pose no obstacle.||[[File:item_12002.png]]||Defense + 3 Lightness + 1||Tailor Shop sell |- <!-- 第25行 --> |Foxstep Shoes||Wearing them is like moving like a fox in the woods, making it difficult for others to notice.||[[File:item_12004.png]]||Defense + 6 Lightness + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第26行 --> |Moonstep Boots||Designed by Yeli wangzhu according to his mood, there is only one pair in the world.||[[File:item_12005.png]]||Defense + 7 Lightness + 2 <br> Move Speed + 15%||Ye Liwangzhu gift |- <!-- 第27行 --> |Warrior Boots||Disciples of the Warrior Sect are not good at lightness skill, so these boots are specially made to improve their agility.||[[File:item_12006.png]]||Defense + 11 Lightness + 3||Craft Room[Whitehead Village Martial Supreme] |- <!-- 第28行 --> |Spirit Eagle Boots||Wearing them is like stepping on a spirit eagle flying in the sky, providing the greatest boost to agility.||[[File:item_12008.png]]||Defense + 18 Lightness + 5 <br>Basic attack stamina consumption halved||Divine Works Museum collect number 85 award |- <!-- 第29行 --> |Silver Ring||A silver ring engraved with delicate cloud patterns.||[[File:item_13001.png]]||Attack + 2 Defense + 2||Tailor Shop sell |- <!-- 第30行 --> |Golden Ring||A ring made of golden jade, capable of deflecting ordinary sword strikes.||[[File:item_13002.png]]||MP Max + 30 MP Recovery + 1||Tailor Shop sell |- <!-- 第31行 --> |White Jade||A precious treasure from Oasis Kingdom, extremely rare to find.||[[File:item_13006.png]]||Defense + 5 HP Max + 70<br>HP Recovery + 1||Complete the task [Song Age global village] |- <!-- 第32行 --> |Safety Knot||A precious safekeeping knot presented by the Hong Xian, highly treasured by her.||[[File:item_13007.png]]||Attack + 9 External + 3 <br>MP Recovery +1||Hong Xian gift |- <!-- 第33行 --> |Pure Buddha Beads||Buddha beads worn by monks of Pure Temple, each bead carries a profound meaning.||[[File:item_13008.png]]||Tough + 5 HP Max + 160 <br>HP Recovery + 2||Erosion Cave |- <!-- 第34行 --> |Twin Bat Knot||A knot embroidered with twin bats, exquisitely crafted, extremely difficult to make.||[[File:item_13009.png]]||Stamina + 100 Footwork + 20 <br>MP Recovery + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第35行 --> |Weird Fan||Reported to be jointly crafted by the skilled Lin family and oracle envoy, each time the fan is opened, miraculous changes occur.||[[File:item_13012.png]]||Luck + 6 Defense + 16<br>Insight + 8||Secret Cave |- <!-- 第36行 --> |Shatter Dream Ring||It is said that once this ring is worn, one will no longer have any dreams, a lifetime without dreams, whether this can be considered a form of luck is unknown.||[[File:item_13013.png]]||HP Max + 240 MP Max + 240 <br>Luck + 10||Craft Room（He Lianchangshan） |- <!-- 第37行 --> |Dream Stone||According to legend, the wearer will enter a clear and vivid dream, unable to extricate themselves from the strange and mysterious dream stone.||[[File:item_13015.png]]||Stamina + 200 Luck + 15 <br>Insight +15||Complete the task[Secret Box] |- <!-- 第38行 --> |Dimensional Boots||if equipped, you can move through the workshop without being blocked by buildings.||[[File:item_982.png]]||Defense + 8 Lightness + 2 <br>Penetrates the workshop building||Repair T4 Node 5 |- <!-- 第39行 --> |Artisan Ring||Wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||[[File:item_983.png]]||External + 15, Internal + 15 <br>Lightness + 15, Tough + 15||Repair T6 Node 5 |} </div> </div> </div> </div> </div> b8f85ee14eda83e674c308cb53377ab7f0f65e63 0 31 99 2024-01-03T05:15:59Z 397790636 415399 创建页面，内容为“<div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet2</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1…” wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet2</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Boat Festival sale||Grain*3，Meat*2，Egg*1||Restore 15% MP |- <!-- 第4行 --> |Mooncake||[[File:item_3043.png]]||First place in Mid-Autumn Festival||Kitchen，Mid-Autumn Festival Participation Award||Grain*3，Sugar*2，Fruit*2||Restore 15% HP |- <!-- 第5行 --> |Five Treasure Stew||[[File:item_3048.png]]||Donated 63 items to Divine Works Museum||Kitchen||Boiled Lamb*1，Fish*2，Egg*2||Restore 100% HP and 100% MP，Obtain the [Awakening] effect, lasting 180s，[Awakening] - External + 10, Internal + 10, Lightness + 10, Tough + 10 |- <!-- 第6行 --> |Golden Chicken||[[File:item_3001.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Meat*2||Food Ingredient, restores 35 HP and 35 MP |- <!-- 第7行 --> |Boiled Egg||[[File:item_3004.png]]||Moonriver Inn Weekly study||Kitchen||Egg*2||Restore 35 HP and 15 MP |- <!-- 第8行 --> |Toasted Pancake||[[File:item_3005.png]]||Moonriver Inn Weekly study||Kitchen||Grain*3，Cooking Oil*3||Restore 40 HP and 10 MP |- <!-- 第9行 --> |Grilled Fish||[[File:item_3006.png]]||Moonriver Inn Weekly study||Kitchen||Fish*2，Vegetables*1，Cooking Oil*2||Restore 10 HP and 40 MP |- <!-- 第10行 --> |Vegetarian Buns||[[File:item_3007.png]]||Cao Yunhui Level 6 favorability||Kitchen||Grain*3，Vegetables*3||Restore 25 HP and 25 MP |- <!-- 第11行 --> |Fish Rice||[[File:item_3009.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell,Liu Sanniang Level 3 favorability||Grain*3，Fish*3||Restore 45 HP and 15 MP |- <!-- 第12行 --> |Vegetable Tofu Pot||[[File:item_3010.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 6 favorability,Spring Festival sale||Vegetables*3，Tofu*1||Restore 180 HP and 30 MP |- <!-- 第13行 --> |Drunk Crab||[[File:item_3016.png]]||Moonriver Inn Weekly study||Kitchen||Seafood*3，Liquor*2||Restore 50 HP and 90 MP |- <!-- 第14行 --> |Sugared Lotus Root||[[File:item_3017.png]]||Moonriver Inn Weekly study||Kitchen||Fruit*3，Sugar*2||Restore 110 HP and 80 MP |- <!-- 第15行 --> |Harpflower Liquor||[[File:item_3018.png]]||Moonriver Inn Weekly study||Kitchen||Wild Harpflower*3，Liquor*2||Restore 20 HP and 110 MP |- <!-- 第16行 --> |Dongpo Pork||[[File:item_3021.png]]||Moonriver Inn Weekly study||Kitchen，Yi Yuan Level 3 favorability||Meat*3，Soy Sauce*2，Liquor*2||Restore 160 HP and 50 MP |- <!-- 第17行 --> |Moon Brew||[[File:item_3023.png]]||Liu Sanniang Level 6 favorability||Kitchen，Moonriver Inn sell，Flower Festival sale||Liquor*3，Feather Grass*2，Fennel Ginseng*2||Restore 50 HP and 220 MP |- <!-- 第18行 --> |Golden Soup Chicken||[[File:item_3024.png]]||Moonriver Inn Weekly study||Kitchen，Hong Xian Level 3 favorability||Meat*3，Soy Sauce*3，Fish*2||Restore 15 HP and 240 MP |- <!-- 第19行 --> |Snow Soup||[[File:item_3027.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Tofu*3，Wild Harpflower*2，Sugar*1||Restore 160 HP and 160 MP |- <!-- 第20行 --> |Chinese Hamburger||[[File:item_3030.png]]||Moonriver Inn Weekly study||Kitchen，Lu Wei Level 3 favorability||Toasted Pancake*2，Dongpo Pork*1||Restore 120 HP and 85 MP |- <!-- 第21行 --> |Dragon fish||[[File:item_3031.png]]||Moonriver Inn Weekly study||Kitchen||Fish*3，Soy Sauce*2，Tofu*1||Restore 350 HP and 40 MP |- <!-- 第22行 --> |Lychee Shrimp Balls||[[File:item_3035.png]]||Spring Festival sale||Kitchen，Dragon Boat Festival sale||Seafood*3，Fruit*3||Restore 20% HP and 40% MP，Obtain the [Strong Attack] effect, lasting 180s，[Strong Attack] - Attack + 60 |- <!-- 第23行 --> |Crab Roe Tofu||[[File:item_3038.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 3 favorability||Tofu*2，Seafood*2，Egg*1||Restore 60% MP，Obtain the [Iron Shield] effect, lasting 180s，[Iron Shield] - Defense + 50 |- <!-- 第24行 --> |Flower Cake||[[File:item_3039.png]]||Moonriver Inn Weekly study||Kitchen，Grandmother Chai3 Level 3 favorability，Flower Festival sale||Grain*3，Wild Harpflower*3，Sugar*1||Restore 30% HP and 30% MP |- <!-- 第25行 --> |Boiled Lamb||[[File:item_3041.png]]||CeaseWar Village task [Unresolved Go Game]||Kitchen||Meat*3，Fish*2，Tofu*1||Restore 60% HP，Obtain the [Vitality] effect, lasting 180s，[Vitality] - Stamina Recovery + 2 |} </div> </div> </div> </div> </div> b3877e71cef6fae98aee7e275119babb5037a18a 100 99 2024-01-03T05:16:05Z 397790636 415399 wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Boat Festival sale||Grain*3，Meat*2，Egg*1||Restore 15% MP |- <!-- 第4行 --> |Mooncake||[[File:item_3043.png]]||First place in Mid-Autumn Festival||Kitchen，Mid-Autumn Festival Participation Award||Grain*3，Sugar*2，Fruit*2||Restore 15% HP |- <!-- 第5行 --> |Five Treasure Stew||[[File:item_3048.png]]||Donated 63 items to Divine Works Museum||Kitchen||Boiled Lamb*1，Fish*2，Egg*2||Restore 100% HP and 100% MP，Obtain the [Awakening] effect, lasting 180s，[Awakening] - External + 10, Internal + 10, Lightness + 10, Tough + 10 |- <!-- 第6行 --> |Golden Chicken||[[File:item_3001.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Meat*2||Food Ingredient, restores 35 HP and 35 MP |- <!-- 第7行 --> |Boiled Egg||[[File:item_3004.png]]||Moonriver Inn Weekly study||Kitchen||Egg*2||Restore 35 HP and 15 MP |- <!-- 第8行 --> |Toasted Pancake||[[File:item_3005.png]]||Moonriver Inn Weekly study||Kitchen||Grain*3，Cooking Oil*3||Restore 40 HP and 10 MP |- <!-- 第9行 --> |Grilled Fish||[[File:item_3006.png]]||Moonriver Inn Weekly study||Kitchen||Fish*2，Vegetables*1，Cooking Oil*2||Restore 10 HP and 40 MP |- <!-- 第10行 --> |Vegetarian Buns||[[File:item_3007.png]]||Cao Yunhui Level 6 favorability||Kitchen||Grain*3，Vegetables*3||Restore 25 HP and 25 MP |- <!-- 第11行 --> |Fish Rice||[[File:item_3009.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell,Liu Sanniang Level 3 favorability||Grain*3，Fish*3||Restore 45 HP and 15 MP |- <!-- 第12行 --> |Vegetable Tofu Pot||[[File:item_3010.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 6 favorability,Spring Festival sale||Vegetables*3，Tofu*1||Restore 180 HP and 30 MP |- <!-- 第13行 --> |Drunk Crab||[[File:item_3016.png]]||Moonriver Inn Weekly study||Kitchen||Seafood*3，Liquor*2||Restore 50 HP and 90 MP |- <!-- 第14行 --> |Sugared Lotus Root||[[File:item_3017.png]]||Moonriver Inn Weekly study||Kitchen||Fruit*3，Sugar*2||Restore 110 HP and 80 MP |- <!-- 第15行 --> |Harpflower Liquor||[[File:item_3018.png]]||Moonriver Inn Weekly study||Kitchen||Wild Harpflower*3，Liquor*2||Restore 20 HP and 110 MP |- <!-- 第16行 --> |Dongpo Pork||[[File:item_3021.png]]||Moonriver Inn Weekly study||Kitchen，Yi Yuan Level 3 favorability||Meat*3，Soy Sauce*2，Liquor*2||Restore 160 HP and 50 MP |- <!-- 第17行 --> |Moon Brew||[[File:item_3023.png]]||Liu Sanniang Level 6 favorability||Kitchen，Moonriver Inn sell，Flower Festival sale||Liquor*3，Feather Grass*2，Fennel Ginseng*2||Restore 50 HP and 220 MP |- <!-- 第18行 --> |Golden Soup Chicken||[[File:item_3024.png]]||Moonriver Inn Weekly study||Kitchen，Hong Xian Level 3 favorability||Meat*3，Soy Sauce*3，Fish*2||Restore 15 HP and 240 MP |- <!-- 第19行 --> |Snow Soup||[[File:item_3027.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Tofu*3，Wild Harpflower*2，Sugar*1||Restore 160 HP and 160 MP |- <!-- 第20行 --> |Chinese Hamburger||[[File:item_3030.png]]||Moonriver Inn Weekly study||Kitchen，Lu Wei Level 3 favorability||Toasted Pancake*2，Dongpo Pork*1||Restore 120 HP and 85 MP |- <!-- 第21行 --> |Dragon fish||[[File:item_3031.png]]||Moonriver Inn Weekly study||Kitchen||Fish*3，Soy Sauce*2，Tofu*1||Restore 350 HP and 40 MP |- <!-- 第22行 --> |Lychee Shrimp Balls||[[File:item_3035.png]]||Spring Festival sale||Kitchen，Dragon Boat Festival sale||Seafood*3，Fruit*3||Restore 20% HP and 40% MP，Obtain the [Strong Attack] effect, lasting 180s，[Strong Attack] - Attack + 60 |- <!-- 第23行 --> |Crab Roe Tofu||[[File:item_3038.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 3 favorability||Tofu*2，Seafood*2，Egg*1||Restore 60% MP，Obtain the [Iron Shield] effect, lasting 180s，[Iron Shield] - Defense + 50 |- <!-- 第24行 --> |Flower Cake||[[File:item_3039.png]]||Moonriver Inn Weekly study||Kitchen，Grandmother Chai3 Level 3 favorability，Flower Festival sale||Grain*3，Wild Harpflower*3，Sugar*1||Restore 30% HP and 30% MP |- <!-- 第25行 --> |Boiled Lamb||[[File:item_3041.png]]||CeaseWar Village task [Unresolved Go Game]||Kitchen||Meat*3，Fish*2，Tofu*1||Restore 60% HP，Obtain the [Vitality] effect, lasting 180s，[Vitality] - Stamina Recovery + 2 |} </div> </div> </div> </div> </div> 895ddee345efefe3c4f7bd28728141866b904139 0 30 97 2024-01-03T05:16:24Z 397790636 415399 创建页面，内容为“{| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Bo…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Boat Festival sale||Grain*3，Meat*2，Egg*1||Restore 15% MP |- <!-- 第4行 --> |Mooncake||[[File:item_3043.png]]||First place in Mid-Autumn Festival||Kitchen，Mid-Autumn Festival Participation Award||Grain*3，Sugar*2，Fruit*2||Restore 15% HP |- <!-- 第5行 --> |Five Treasure Stew||[[File:item_3048.png]]||Donated 63 items to Divine Works Museum||Kitchen||Boiled Lamb*1，Fish*2，Egg*2||Restore 100% HP and 100% MP，Obtain the [Awakening] effect, lasting 180s，[Awakening] - External + 10, Internal + 10, Lightness + 10, Tough + 10 |- <!-- 第6行 --> |Golden Chicken||[[File:item_3001.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Meat*2||Food Ingredient, restores 35 HP and 35 MP |- <!-- 第7行 --> |Boiled Egg||[[File:item_3004.png]]||Moonriver Inn Weekly study||Kitchen||Egg*2||Restore 35 HP and 15 MP |- <!-- 第8行 --> |Toasted Pancake||[[File:item_3005.png]]||Moonriver Inn Weekly study||Kitchen||Grain*3，Cooking Oil*3||Restore 40 HP and 10 MP |- <!-- 第9行 --> |Grilled Fish||[[File:item_3006.png]]||Moonriver Inn Weekly study||Kitchen||Fish*2，Vegetables*1，Cooking Oil*2||Restore 10 HP and 40 MP |- <!-- 第10行 --> |Vegetarian Buns||[[File:item_3007.png]]||Cao Yunhui Level 6 favorability||Kitchen||Grain*3，Vegetables*3||Restore 25 HP and 25 MP |- <!-- 第11行 --> |Fish Rice||[[File:item_3009.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell,Liu Sanniang Level 3 favorability||Grain*3，Fish*3||Restore 45 HP and 15 MP |- <!-- 第12行 --> |Vegetable Tofu Pot||[[File:item_3010.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 6 favorability,Spring Festival sale||Vegetables*3，Tofu*1||Restore 180 HP and 30 MP |- <!-- 第13行 --> |Drunk Crab||[[File:item_3016.png]]||Moonriver Inn Weekly study||Kitchen||Seafood*3，Liquor*2||Restore 50 HP and 90 MP |- <!-- 第14行 --> |Sugared Lotus Root||[[File:item_3017.png]]||Moonriver Inn Weekly study||Kitchen||Fruit*3，Sugar*2||Restore 110 HP and 80 MP |- <!-- 第15行 --> |Harpflower Liquor||[[File:item_3018.png]]||Moonriver Inn Weekly study||Kitchen||Wild Harpflower*3，Liquor*2||Restore 20 HP and 110 MP |- <!-- 第16行 --> |Dongpo Pork||[[File:item_3021.png]]||Moonriver Inn Weekly study||Kitchen，Yi Yuan Level 3 favorability||Meat*3，Soy Sauce*2，Liquor*2||Restore 160 HP and 50 MP |- <!-- 第17行 --> |Moon Brew||[[File:item_3023.png]]||Liu Sanniang Level 6 favorability||Kitchen，Moonriver Inn sell，Flower Festival sale||Liquor*3，Feather Grass*2，Fennel Ginseng*2||Restore 50 HP and 220 MP |- <!-- 第18行 --> |Golden Soup Chicken||[[File:item_3024.png]]||Moonriver Inn Weekly study||Kitchen，Hong Xian Level 3 favorability||Meat*3，Soy Sauce*3，Fish*2||Restore 15 HP and 240 MP |- <!-- 第19行 --> |Snow Soup||[[File:item_3027.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Tofu*3，Wild Harpflower*2，Sugar*1||Restore 160 HP and 160 MP |- <!-- 第20行 --> |Chinese Hamburger||[[File:item_3030.png]]||Moonriver Inn Weekly study||Kitchen，Lu Wei Level 3 favorability||Toasted Pancake*2，Dongpo Pork*1||Restore 120 HP and 85 MP |- <!-- 第21行 --> |Dragon fish||[[File:item_3031.png]]||Moonriver Inn Weekly study||Kitchen||Fish*3，Soy Sauce*2，Tofu*1||Restore 350 HP and 40 MP |- <!-- 第22行 --> |Lychee Shrimp Balls||[[File:item_3035.png]]||Spring Festival sale||Kitchen，Dragon Boat Festival sale||Seafood*3，Fruit*3||Restore 20% HP and 40% MP，Obtain the [Strong Attack] effect, lasting 180s，[Strong Attack] - Attack + 60 |- <!-- 第23行 --> |Crab Roe Tofu||[[File:item_3038.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 3 favorability||Tofu*2，Seafood*2，Egg*1||Restore 60% MP，Obtain the [Iron Shield] effect, lasting 180s，[Iron Shield] - Defense + 50 |- <!-- 第24行 --> |Flower Cake||[[File:item_3039.png]]||Moonriver Inn Weekly study||Kitchen，Grandmother Chai3 Level 3 favorability，Flower Festival sale||Grain*3，Wild Harpflower*3，Sugar*1||Restore 30% HP and 30% MP |- <!-- 第25行 --> |Boiled Lamb||[[File:item_3041.png]]||CeaseWar Village task [Unresolved Go Game]||Kitchen||Meat*3，Fish*2，Tofu*1||Restore 60% HP，Obtain the [Vitality] effect, lasting 180s，[Vitality] - Stamina Recovery + 2 |} </div> </div> </div> </div> </div> a6bb36ca3d4ed4023add789cc3243a65f28fa480 0 58 191 2024-01-03T06:25:40Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||R…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP\nRestore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP\nRestore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> 015afa75e4691f0cbb0020007daee7333772e180 192 191 2024-01-03T06:27:02Z 397790636 415399 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet1</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP\nRestore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP\nRestore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet1</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP\nRestore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP\nRestore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet1</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP\nRestore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP\nRestore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> 83f9581851d013fd46c599ce7a2fde80bc65c108 193 192 2024-01-03T06:27:45Z 397790636 415399 wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP Restore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP Restore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> c83ebd901de3e34d4701437ca63453fd68bc6c8b 0 56 186 2024-01-03T06:25:57Z 397790636 415399 创建页面，内容为“ |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell…” wikitext text/x-wiki |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP\nRestore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP\nRestore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> 2a24ee08e93b90a6ee856e77221b25220d1b3bed 187 186 2024-01-03T06:26:31Z 397790636 415399 wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP Restore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP Restore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> c83ebd901de3e34d4701437ca63453fd68bc6c8b 0 22 50 2024-01-03T09:11:46Z 397790636 415399 创建页面，内容为“<big> In the game, press the [Tab] key to bring up the menu interface. The home page is the character's backpack page, and on the right side of the backpack page is the character's equipment and attribute map. Attributes affect the relevant as follows: [[File:背包en.png|thumb|none]] [[File:属性说明1en.jpg|thumb|none]] [[File:属性说明2en.jpg|thumb|none]]” wikitext text/x-wiki <big> In the game, press the [Tab] key to bring up the menu interface. The home page is the character's backpack page, and on the right side of the backpack page is the character's equipment and attribute map. Attributes affect the relevant as follows: [[File:背包en.png|thumb|none]] [[File:属性说明1en.jpg|thumb|none]] [[File:属性说明2en.jpg|thumb|none]] cec3955f999ac78f0ac867e525eb2c4aa78c752e 51 50 2024-01-03T09:12:18Z 397790636 415399 wikitext text/x-wiki <big> In the game, press the [Tab] key to bring up the menu interface. The home page is the character's backpack page, and on the right side of the backpack page is the character's equipment and attribute map. Attributes affect the relevant as follows: [[File:背包en.png|thumb|none]] [[File:属性说明1en.png|thumb|none]] [[File:属性说明2en.png|thumb|none]] a3107d502854ba37db1c7c6c03e75ca6c027dea8 0 68 254 2024-01-03T09:19:36Z 397790636 415399 创建页面，内容为“By default, use 【W】【S】【A】【D】 to control the movement of the character. 【G】 to switch walking mode. [[file:帮助en.png|thumb|none]] 【Space】to perform lightness skills. It requires equipping lightness skills to perform. After performing, the character will dash in the direction they are facing, consuming stamina. [[file:轻功en.png|thumb|none]]” wikitext text/x-wiki By default, use 【W】【S】【A】【D】 to control the movement of the character. 【G】 to switch walking mode. [[file:帮助en.png|thumb|none]] 【Space】to perform lightness skills. It requires equipping lightness skills to perform. After performing, the character will dash in the direction they are facing, consuming stamina. [[file:轻功en.png|thumb|none]] e0a3af9951b34248fb04bedd11d422a7a83e2af2 255 254 2024-01-03T09:26:04Z 397790636 415399 wikitext text/x-wiki By default, use 【W】【S】【A】【D】 to control the movement of the character. 【G】 to switch walking mode. [[file:帮助en.png|thumb|none]] 【Space】to perform lightness skills. It requires equipping lightness skills to perform. After performing, the character will dash in the direction they are facing, consuming stamina. [[file:轻功en.png|thumb|none]] 4234eb026a6c3ae70b62559d0317240c1df4a534 0 87 306 2024-01-04T03:19:45Z 397790636 415399 创建页面，内容为“<big> =Time= In the game, each day starts at 6:00 am and ends at 2:00 am. Players can end the day early by sleeping at their workshop or home. If a player does not go to sleep before 2:00 am, they will get exhausted and be teleported back home, with a chance of losing their belongings. The time and date are displayed in the upper right corner of the game screen. [[file:时间en.png]] Currently, in the game settings, the daily duration can be set, ranging from…” wikitext text/x-wiki <big> =Time= In the game, each day starts at 6:00 am and ends at 2:00 am. Players can end the day early by sleeping at their workshop or home. If a player does not go to sleep before 2:00 am, they will get exhausted and be teleported back home, with a chance of losing their belongings. The time and date are displayed in the upper right corner of the game screen. [[file:时间en.png]] Currently, in the game settings, the daily duration can be set, ranging from 13 minutes to 30 minutes per day corresponding to real time. While on the big map, the speed of time passage and stamina consumption are doubled. 127191729e3af35f57d4a1adcca5a9818542bdc2 307 306 2024-01-04T03:28:56Z 397790636 415399 wikitext text/x-wiki <big> =Time= In the game, each day starts at 6:00 am and ends at 2:00 am. Players can end the day early by sleeping at their workshop or home. If a player does not go to sleep before 2:00 am, they will get exhausted and be teleported back home, with a chance of losing their belongings. The time and date are displayed in the upper right corner of the game screen. [[file:时间en.png]] Currently, in the game settings, the daily duration can be set, ranging from 13 minutes to 30 minutes per day corresponding to real time. While on the big map, the speed of time passage and stamina consumption are doubled. =Calendar= The calendar can be viewed in the menu, and the dates with NPC avatars are the birthdays of those characters. There are also event reminders for holidays. [[file:日历en.png]] f6ab0e0e62b76f753befa09bfcc8e15a923a0e78 0 86 304 2024-01-04T03:39:29Z 397790636 415399 创建页面，内容为“=Temporary Backpack= Our backpack has a limit on the number of items it can store. When our backpack is full and we obtain more items, they will be temporarily stored in a temporary backpack. This often happens when we receive items through letters, complete quests, or demolish buildings to retrieve building materials. When we see this icon in the lower left corner, it means there are items in the temporary backpack that need to be cleared. file:临时背…” wikitext text/x-wiki =Temporary Backpack= Our backpack has a limit on the number of items it can store. When our backpack is full and we obtain more items, they will be temporarily stored in a temporary backpack. This often happens when we receive items through letters, complete quests, or demolish buildings to retrieve building materials. When we see this icon in the lower left corner, it means there are items in the temporary backpack that need to be cleared. [[file:临时背包en.png]] =Storage Rules= The temporary backpack has been expanded to 800 grids, but there is a time limit for storing items in the temporary backpack. Regardless of how the day ends, items stored in the temporary backpack will be lost, such as returning to the workshop room to rest and end the day's journey, or being forced to rest after 2:00 am due to exhaustion. 903532c8b3003ca30999efd51fefb05b8fbe44b7 0 60 198 197 2024-01-04T03:44:30Z 397790636 415399 wikitext text/x-wiki <big> = Mini map = After we fix all the nodes of Oracle Temple T3, we will be able to unlock the mini map. The mini map allows you to view the mini map of all locations except the workshop. After unlocking, you can view the mini map by clicking the button below the time in the upper right corner. The shortcut key of the mini map is [M]. [[file:0-3.png]] ff479e4960bf6521618e39d90ba796da33a8c12a 0 59 195 2024-01-04T07:03:50Z 397790636 415399 创建页面，内容为“=Menu= Click the menu button below the time in the upper right corner or press the shortcut key [Tab] to bring up the menu page. There are six menu pages in total. =Backpack= On the backpack page, you can view your backpack items, character attributes, equipped equipment, set consumables, and the number of crystal energy. [[File:背包en.png]] =Profession= View profession talents and learn talent skills. [[File:职业天赋en.png]] =Martial Arts= View and prac…” wikitext text/x-wiki =Menu= Click the menu button below the time in the upper right corner or press the shortcut key [Tab] to bring up the menu page. There are six menu pages in total. =Backpack= On the backpack page, you can view your backpack items, character attributes, equipped equipment, set consumables, and the number of crystal energy. [[File:背包en.png]] =Profession= View profession talents and learn talent skills. [[File:职业天赋en.png]] =Martial Arts= View and practice martial arts, and equip skills. [[File:武学en.png]] =Social= View character biographies, favorability, partner skills, gift preferences, and after repairing all nodes of Oracle Temple T2, you can also view the location of NPCs. [[File:社交en.png]] =Calendar= View dates, character birthdays, and festival events. [[File:日历en.png]] =Settings= Enter game settings, title page, and exit the game. [[File:设置en.png]] In game settings, you can set language, screen mode, background running, interface scaling, daily duration, mini-game difficulty, volume, and custom keys. [[File:游戏设置en.png]] 52d727deabe581d100d4b59dafbd0b174c1908bc 0 41 127 2024-01-04T07:12:06Z 397790636 415399 创建页面，内容为“Click the Help button below the time in the upper right corner or press the shortcut key [F11] to call up the Help page. The Help page is divided into two functions: [Help] and [Recipes]. ===Help:=== Here, we can review the game guides we have seen before. [[File:帮助en.png]] ===Recipes:=== Here we can see the recipes we have unlocked, including workshop buildings, workshop output, recipes, drug formulas, and equipment manufacturing drawings. File:配方e…” wikitext text/x-wiki Click the Help button below the time in the upper right corner or press the shortcut key [F11] to call up the Help page. The Help page is divided into two functions: [Help] and [Recipes]. ===Help:=== Here, we can review the game guides we have seen before. [[File:帮助en.png]] ===Recipes:=== Here we can see the recipes we have unlocked, including workshop buildings, workshop output, recipes, drug formulas, and equipment manufacturing drawings. [[File:配方en.png]] 6052325ea0c93b69c3bbabda4d1d74dbd8416eb4 0 70 263 2024-01-04T07:16:47Z 397790636 415399 创建页面，内容为“=Portable Lab= After we repair the second node of Oracle Temple T2, we can unlock the portable technology. Portable technology allows us to learn technology anywhere, combined with the [Crystalizer] (automatic production of crystal energy by inputting materials), we can learn technology without going to the console of Oracle Temple. After unlocking, you can check it by clicking the button below the time in the upper right corner. The shortcut key for portable…” wikitext text/x-wiki =Portable Lab= After we repair the second node of Oracle Temple T2, we can unlock the portable technology. Portable technology allows us to learn technology anywhere, combined with the [Crystalizer] (automatic production of crystal energy by inputting materials), we can learn technology without going to the console of Oracle Temple. After unlocking, you can check it by clicking the button below the time in the upper right corner. The shortcut key for portable technology is [P]. [[file:2-2.png]] de12dc3c2f2c65f6ee95665ab9d66d8843887b34 0 84 300 2024-01-04T07:31:49Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !variety!!property!!experience!!Unlock level!!name!!icon!!promote |- <!-- 第1行 --> |rowspan=4 colspan=1|Craftsman |rowspan=4 colspan=1|Leveling up can reduce manual crafting interval by 0.17s |rowspan=4 colspan=1|*Manual crafting items gain experience, and more hits yield more experience. |5||Smith||[[File:talent_1.png]]||Reduces the hammer times required when manually crafting items by 1 |-…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !variety!!property!!experience!!Unlock level!!name!!icon!!promote |- <!-- 第1行 --> |rowspan=4 colspan=1|Craftsman |rowspan=4 colspan=1|Leveling up can reduce manual crafting interval by 0.17s |rowspan=4 colspan=1|*Manual crafting items gain experience, and more hits yield more experience. |5||Smith||[[File:talent_1.png]]||Reduces the hammer times required when manually crafting items by 1 |- <!-- 第2行 --> ||5||Entrepreneur||[[File:talent_2.png]]||Increases the selling price of shipped items by 15% |- <!-- 第3行 --> ||10||Artisan||[[File:talent_3.png]]||Increases the manual crafting output by 50% (at least 1 more item) |- <!-- 第4行 --> ||10||Divine Works||[[File:talent_4.png]]||Reduces the time required for all automated mechanical producing by 20% |- <!-- 第5行 --> |rowspan=4 colspan=1|Socialite |rowspan=4 colspan=1|Leveling up increases the Gift bonus by 1 point. |rowspan=4 colspan=1|*Chatting gains experience by 1 point, gift giving gains experience by 2 points. |5||Charmer||[[File:talent_5.png]]||Gains extra 3 favor points when chatting with opposite-gender NPCs, and extra 8 points when giving gifts |- <!-- 第6行 --> ||5||Silver Tongue||[[File:talent_6.png]]||Gains extra 2 favor points when chatting with all NPCs |- <!-- 第7行 --> ||10||Romanticist||[[File:talent_7.png]]||Doubles the effects of spouse's Buff |- <!-- 第8行 --> ||10||Popular||[[File:talent_8.png]]||Gains extra 4 favor points when giving gifts to all NPCs, and 20% discount in shops |- <!-- 第9行 --> |rowspan=4 colspan=1|martial arts |rowspan=4 colspan=1|Leveling up increases HP by 15 and MP by 15. |rowspan=4 colspan=1|*Killing enemies gains experience. |5||Genius||[[File:talent_9.png]]||Reduces the maximum required experience for martial arts studying by 10% |- <!-- 第10行 --> ||5||Athletic||[[File:talent_10.png]]||Increases external, internal, lightness, and tough skills by 8 points |- <!-- 第11行 --> ||10||Swordsman||[[File:talent_11.png]]||Effective basic attacks have a 50% chance to reduce skill cooldown by 1 second |- <!-- 第12行 --> ||10||Sword Saint||[[File:talent_12.png]]||Increases critical hit chance by 50% |- <!-- 第13行 --> |rowspan=4 colspan=1|Labourer |rowspan=4 colspan=1|Leveling up increases Stamina by 30. |rowspan=4 colspan=1|*Felling, Mining gains 1 point of experience. *Gathering gains 3 points of experience. |5||Fitness Enthusiast||[[File:talent_13.png]]||Increases stamina by 200 and stamina recovery by 1 |- <!-- 第14行 --> ||5||Explorer||[[File:talent_14.png]]||Reduces the time for gathering to 20 minutes and gains 1 extra resource from gathering |- <!-- 第15行 --> ||10||Resource Expert||[[File:talent_15.png]]||Increases the yield of all resources sites by 10% |- <!-- 第16行 --> ||10||Speedster||[[File:talent_16.png]]||Increases basic movement speed by 0.5 |} </div> </div> </div> </div> </div> 257c5b99e8afe98e1a6a925859c3825a3dd7190e 0 7 10 9 2024-01-04T07:36:11Z 397790636 415399 wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !achievement!!icon!!description |- <!-- 第1行 --> |Time Traveler||[[File:1-1 T0.png]]||Arrived at ancient River Town（The new game chooses not to skip the opening animation） |- <!-- 第2行 --> |T1 Completed||[[File:1-2 T1.png]]||All nodes of the T1 have been repaired. |- <!-- 第3行 --> |T2 Completed||[[File:1-3 T2.png]]||All nodes of the T2 have been repaired. |- <!-- 第4行 --> |T3 Completed||[[File:1-4 T3.png]]||All nodes of the T3 have been repaired. |- <!-- 第5行 --> |T4 Completed||[[File:1-5 T4.png]]||All nodes of the T4 have been repaired. |- <!-- 第6行 --> |T5 Completed||[[File:1-6 T5.png]]||All nodes of the T5 have been repaired. |- <!-- 第7行 --> |T6 Completed||[[File:1-7 T6.png]]||All nodes of the T6 have been repaired. |- <!-- 第8行 --> |T7 Completed||[[File:1-8 T7.png]]||All nodes of the T7 have been repaired. |- <!-- 第9行 --> |Automation Start||[[File:2-1auto.png]]||Successfully automated production of 2000 items. |- <!-- 第10行 --> |Industrial Elite||[[File:2-2auto.png]]||Successfully automated production of 8000 items. |- <!-- 第11行 --> |Automation Giant||[[File:2-3auto.png]]||Successfully automated production of 25000 items. |- <!-- 第12行 --> |Production Maniac||[[File:2-4auto.png]]||Successfully automated production of 80000 items. |- <!-- 第13行 --> |God of Machines||[[File:2-5auto.png]]||Successfully automated production of 350000 items. |- <!-- 第14行 --> |Pot of Gold||[[File:3-1money.png]]||Earn 3000g in a single shipment. |- <!-- 第15行 --> |Prosperous||[[File:3-2money.png]]||Earn 15000g in a single shipment. |- <!-- 第16行 --> |Cash Cow||[[File:3-3money.png]]||Earn 80000g in a single shipment. |- <!-- 第17行 --> |Town Myth||[[File:3-4money.png]]||Earn 240000g in a single shipment. |- <!-- 第18行 --> |Goldmine||[[File:3-5money.png]]||Earn 999999g in a single shipment. |- <!-- 第19行 --> |Pitcher Expert||[[File:4-1touhugaoshou.png]]||Achieve first place in the most difficult pitching competition at the Flower Festival. |- <!-- 第20行 --> |Dragon Boat Champion||[[File:4-2longzhou.png]]||Achieve first place in the most difficult dragon boat race at the Dragon Boat Festival. |- <!-- 第21行 --> |Culinary Master||[[File:4-3chuyi.png]]||Achieve first place in the Mid-Autumn Festival culinary competition. |- <!-- 第22行 --> |Charming||[[File:5-1haogan.png]]||Attain a 6-heart favor with 1 NPC. |- <!-- 第23行 --> |Intimacy||[[File:5-2haogan.png]]||Attain a 6-heart favor with 4 NPCs. |- <!-- 第24行 --> |Glamorous||[[File:5-3haogan.png]]||Attain a 6-heart favor with 8 NPCs. |- <!-- 第25行 --> |Famous Person||[[File:5-4haogan.png]]||Attain a 6-heart favor with 12 NPCs. |- <!-- 第26行 --> |Mastery||[[File:6-1book.png]]||Study 1 martial arts books to the highest level. |- <!-- 第27行 --> |Making Progress||[[File:6-2book.png]]||Study 9 martial arts books to the highest level. |- <!-- 第28行 --> |Improving Skills||[[File:6-3book.png]]||Study 18 martial arts books to the highest level. |- <!-- 第29行 --> |Grandmaster||[[File:6-4book.png]]||Study 27 martial arts books to the highest level. |- <!-- 第30行 --> |Unmatched||[[File:6-5book.png]]||Study 36 martial arts books to the highest level. |- <!-- 第31行 --> |Invincible||[[File:6-6book.png]]||Study 42 martial arts books to the highest level. |- <!-- 第32行 --> |Mecha descends||[[File:7robot.png]]||Unlock the Oracle Mecha through shards and summon. |} </div> </div> </div> </div> </div> 52251e0170fe391e402748a44a4d4447c22133f8 0 33 104 2024-01-04T07:43:20Z 397790636 415399 创建页面，内容为“=Gallery= The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png|thumb|none]]” wikitext text/x-wiki =Gallery= The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png|thumb|none]] cc2805c76ebe1d38c5d288a27bc31b63d80c273b 105 104 2024-01-04T09:38:51Z 397790636 415399 wikitext text/x-wiki =Gallery= The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png]] afe9c6ec8476e5f4f31049cb483fcf4775423a07 0 62 203 2024-01-04T10:21:49Z 397790636 415399 创建页面，内容为“=Mode= There are currently six modes in the workshop building: ===regular mode:=== logistics mode, power mode, water conservancy mode, construction mode, and recipe mode. ===Regular Mode:=== Under this mode, we can build and demolish all buildings except wires and pipes normally. ===Logistics Mode:=== After this mode is enabled, you can see the entrances and exits of all buildings, as well as conveyor belts, and in this mode, only conveyor belts and und…” wikitext text/x-wiki =Mode= There are currently six modes in the workshop building: ===regular mode:=== logistics mode, power mode, water conservancy mode, construction mode, and recipe mode. ===Regular Mode:=== Under this mode, we can build and demolish all buildings except wires and pipes normally. ===Logistics Mode:=== After this mode is enabled, you can see the entrances and exits of all buildings, as well as conveyor belts, and in this mode, only conveyor belts and underground conveyor belts can be demolished. ===Power Mode:=== After this mode is enabled, the power grid becomes a highlighted mode, and you can see the power required by all buildings that require electricity, and the total power of the power grid. In this mode, only wires can be demolished. Grid power generation > power consumption, the battery starts to charge, and power generation < power consumption, the battery starts to discharge. ===Electrical Cross-Zone Mode Description:=== After the technology of Oracle Temple T5 Node 1, we can transmit power across zones in the distributed workshop. The rules for cross-zone power transmission are as follows: 1,The power transmission end is named the parent grid A, and the power receiving end is the child grid, named B. 2,Once it is determined that the child grid is a child grid, it cannot transmit power to the lower level (because if a construction of A->B->A is created, it will cause a infinite recursion and the program will deadlock. Therefore, only nested child grids are disabled). 3,If the power generation of the child grid is greater than the power consumption, it will no longer use the power from the parent grid. 4,Support A->B, C, but not A->B->C (the same reason as 2, because players may create A->B->C->A to form an infinite recursion). 5,The child grid can only have one parent grid. ===Water Conservancy Mode:=== After this mode is enabled, the pipelines become a highlighted mode, and you can see the liquid required by all buildings that require liquid, and in this mode, only pipes can be demolished. ===Construction Mode:=== F5 turns on this mode, which stops the flow of time, and all machinery stops operating to lay out the production line. However, you cannot use the production bench, production room, and mini-satellite. Recipe Mode: F4 turns on this mode, and the buildings will display the items currently being produced. 16da2d1623d657cfd74017d73c85efafe1a27860 0 89 311 2024-01-04T10:27:56Z 397790636 415399 创建页面，内容为“=Vacant Land= After repairing all nodes of Oracle Temple T4, it can be unlocked. You can observe the "vacant land" on the big map, and you can purchase the land to expand the workshop. Some vacant land contains water resources, which can be used for power generation, collection etc. compared to others. [New function of setting the name and style of the vacant land in 0.7.8.0704.1]” wikitext text/x-wiki =Vacant Land= After repairing all nodes of Oracle Temple T4, it can be unlocked. You can observe the "vacant land" on the big map, and you can purchase the land to expand the workshop. Some vacant land contains water resources, which can be used for power generation, collection etc. compared to others. [New function of setting the name and style of the vacant land in 0.7.8.0704.1] 72431aca6154a473b633a25a87ccf98a8c02f4ac 312 311 2024-01-04T10:31:36Z 397790636 415399 wikitext text/x-wiki =Vacant Land= After repairing all nodes of Oracle Temple T4, it can be unlocked. You can observe the "vacant land" on the big map, and you can purchase the land to expand the workshop. Some vacant land contains water resources, which can be used for power generation, collection etc. compared to others. [New function of setting the name and style of the vacant land in 0.7.8.0704.1] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!iocn!!coord!!number |- <!-- 第1行 --> |centre |rowspan=5 colspan=1|[[File:space.png]] |69,90<br>113,109<br>71,128（Contained water resources）||3 |- <!-- 第2行 --> |north||86,54（Contained water resources）<br>109,33||2 |- <!-- 第3行 --> |east||137,88（Contained water resources）<br>148,110（Contained water resources）||2 |- <!-- 第4行 --> |west||44,124（Contained water resources）<br>25,152||2 |- <!-- 第5行 --> |south||87,155（Contained water resources）<br>108,176（Contained water resources）||2 |} </div> </div> </div> </div> </div> 2a96517b7c9d8fd1c096a6dc0aa67c301e4ffc34 0 12 22 2024-01-04T11:08:22Z 397790636 415399 创建页面，内容为“=Blueprint= Unlock after repairing the fifth node of Oracle Temple T3 Via the blueprint function, you can select and copy the completed buildings to save them in the blueprint for quick construction. [[file:80_1en.jpg]] The construction of blueprints requires the player to carry building capsules in their backpack, and each building will consume one building capsule. Building capsules can be synthesized through wooden frames and concrete. [[file:80_2en.jpg]…” wikitext text/x-wiki =Blueprint= Unlock after repairing the fifth node of Oracle Temple T3 Via the blueprint function, you can select and copy the completed buildings to save them in the blueprint for quick construction. [[file:80_1en.jpg]] The construction of blueprints requires the player to carry building capsules in their backpack, and each building will consume one building capsule. Building capsules can be synthesized through wooden frames and concrete. [[file:80_2en.jpg]] The Building Capsule Machine (newly added in version V0.8.0.0922.1) can be unlocked through technology. After being powered on, it can automatically produce building capsules. [[file:80_3en.jpg]] The blueprint sharing function is expected to be enabled after the creative workshop is opened. Currently, only by copying the blueprint存档 of other players can other workshop owners' blueprints be used. The存档 location of the blueprint is in the game library → management → browse local files → Save folder in the blueprint file. In the official game QQ group files, there are player blueprint sharing. If you have a demand, you can join the group to receive it yourself. If you already have your own blueprint存档, it is recommended to back it up before using it. 05f6d00035ff8c0f3eb8fc58024b6adf958092b9 23 22 2024-01-04T11:09:37Z 397790636 415399 wikitext text/x-wiki =Blueprint= Unlock after repairing the fifth node of Oracle Temple T3 Via the blueprint function, you can select and copy the completed buildings to save them in the blueprint for quick construction. [[file:80_1_en.jpg]] The construction of blueprints requires the player to carry building capsules in their backpack, and each building will consume one building capsule. Building capsules can be synthesized through wooden frames and concrete. [[file:80_2_en.jpg]] The Building Capsule Machine (newly added in version V0.8.0.0922.1) can be unlocked through technology. After being powered on, it can automatically produce building capsules. [[file:80_3_en.jpg]] The blueprint sharing function is expected to be enabled after the creative workshop is opened. Currently, only by copying the blueprint of other players can other workshop owners' blueprints be used. The location of the blueprint is in the game library → management → browse local files → Save folder in the blueprint file. In the official game QQ group files, there are player blueprint sharing. If you have a demand, you can join the group to receive it yourself. If you already have your own blueprint, it is recommended to back it up before using it. 377c4c314751a779af5071dcb5ad2d7f9483a7d6 24 23 2024-01-04T11:09:48Z 397790636 415399 wikitext text/x-wiki =Blueprint= Unlock after repairing the fifth node of Oracle Temple T3 Via the blueprint function, you can select and copy the completed buildings to save them in the blueprint for quick construction. [[file:80_1_en.jpg]] The construction of blueprints requires the player to carry building capsules in their backpack, and each building will consume one building capsule. Building capsules can be synthesized through wooden frames and concrete. [[file:80_2_en.jpg]] The Building Capsule Machine (newly added in version V0.8.0.0922.1) can be unlocked through technology. After being powered on, it can automatically produce building capsules. [[file:80_3_en.jpg]] The blueprint sharing function is expected to be enabled after the creative workshop is opened. Currently, only by copying the blueprint of other players can other workshop owners' blueprints be used. The location of the blueprint is in the game library → management → browse local files → Save folder in the blueprint file. In the official game QQ group files, there are player blueprint sharing. If you have a demand, you can join the group to receive it yourself. If you already have your own blueprint, it is recommended to back it up before using it. b3cc1dedbefd8bd2d77318a3c486e5e1075fa7a1 0 76 278 2024-01-04T13:19:55Z 397790636 415399 创建页面，内容为“Resource Description The output of resources is related to the grade and level of the resources. Resources are divided into three grades: [Common], [High-Quality], and [Pure]. The higher the grade, the more resources are produced daily. The resource level ranges from [Level 0] to [Level 9]. The higher the level, the more resources are produced daily. The level of resources can be upgraded after talking to the respective resource point and the master of the w…” wikitext text/x-wiki Resource Description The output of resources is related to the grade and level of the resources. Resources are divided into three grades: [Common], [High-Quality], and [Pure]. The higher the grade, the more resources are produced daily. The resource level ranges from [Level 0] to [Level 9]. The higher the level, the more resources are produced daily. The level of resources can be upgraded after talking to the respective resource point and the master of the workshop, but there is also an upgrade limit for resource points. The limit can be lifted by unlocking technology through Oracle Temple T3 ，T6 ，T9. Daily resource intake {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !message!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||50||100||200||400||800||1200||2000||3600||5200||8000 |- <!-- 第2行 --> |High-Quality||60||120||240||480||960||1440||2400||4320||6240||9600 |- <!-- 第3行 --> |Pure||75||150||300||600||1200||1800||3000||5400||7800||12000 |} The cost of upgrading resources. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !cost!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||240||360||720||1440||2560||3920||6600||13080||26700||63000 |- <!-- 第2行 --> |High-Quality||360||765||1530||3060||5440||8330||14025||27795||56737||133875 |- <!-- 第3行 --> |Pure||880||1080||2160||4320||7680||11760||19800||39240||80100||189000 |} </div> </div> </div> </div> </div> ===Regional Description=== Our starting point is located in Zhongzhou, which has only five types of resources. Other resources are distributed in other areas of the continent. However, due to the fire from heaven, the bridges connecting the surrounding areas have been destroyed and need to be repaired at the node of Oracle Temple d0931f5c6aa76f4273fe5b7bf7d41d0a5dbb4eec 279 278 2024-01-04T13:50:25Z 397790636 415399 wikitext text/x-wiki Resource Description The output of resources is related to the grade and level of the resources. Resources are divided into three grades: [Common], [High-Quality], and [Pure]. The higher the grade, the more resources are produced daily. The resource level ranges from [Level 0] to [Level 9]. The higher the level, the more resources are produced daily. The level of resources can be upgraded after talking to the respective resource point and the master of the workshop, but there is also an upgrade limit for resource points. The limit can be lifted by unlocking technology through Oracle Temple T3 ，T6 ，T9. Daily resource intake {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !message!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||50||100||200||400||800||1200||2000||3600||5200||8000 |- <!-- 第2行 --> |High-Quality||60||120||240||480||960||1440||2400||4320||6240||9600 |- <!-- 第3行 --> |Pure||75||150||300||600||1200||1800||3000||5400||7800||12000 |} The cost of upgrading resources. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !cost!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||240||360||720||1440||2560||3920||6600||13080||26700||63000 |- <!-- 第2行 --> |High-Quality||360||765||1530||3060||5440||8330||14025||27795||56737||133875 |- <!-- 第3行 --> |Pure||880||1080||2160||4320||7680||11760||19800||39240||80100||189000 |} </div> </div> </div> </div> </div> ===Regional Description=== Our starting point is located in Zhongzhou, which has only five types of resources. Other resources are distributed in other areas of the continent. However, due to the fire from heaven, the bridges connecting the surrounding areas have been destroyed and need to be repaired at the node of Oracle Temple <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">centre</span></li> <li class="bili-list-style"><span class="tab-panel">north</span></li> <li class="bili-list-style"><span class="tab-panel">east</span></li> <li class="bili-list-style"><span class="tab-panel">west</span></li> <li class="bili-list-style"><span class="tab-panel">south</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--centre--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||87,91(Common)<br>64,106(Common)<br>94,67(Common)<br>58,79(Common)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||86,84(Common)<br>65,90(Common)<br>124,73(Common)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||101,87(Common)<br>69,75(Common)<br>119,123(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||100,96(Common)<br>75,97(Common)<br>105,115(Common)||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||104,97(Common)<br>100,125(Common)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm||||[[File:farm.png]]||This region does not have this resource. |- <!-- 第7行 --> |Sand Mine||||[[File:sand.png]]||This region does not have this resource. |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--north--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||77,29(Common)<br>49,34(High-Quality)<br>8,11(High-Quality)<br>53,46(Common)<br>124,7(Common||[[File:iron.png]]||5 |- <!-- 第2行 --> |Copper Mine||118,40(Common)<br>138,53(Common)<br>129,13(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||114,18(Common)<br>88,17(High-Quality)<br>71,55(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||108,57(Common)<br>139,28(High-Quality)<br>15,22(High-Quality)<br>123,31(Common)||[[File:coal.png]]||4 |- <!-- 第5行 --> |Stone Mine||147,43(Common)<br>109,6(Common)<br>43,18(High-Quality) ||[[File:stone.png]]||3 |- <!-- 第6行 --> |Farm||106,49(Common)<br>47,24(Common)||[[File:farm.png]]||2 |- <!-- 第7行 --> |Sand Mine||||[[File:sand.png]]||This region does not have this resource. |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--east--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||182,49(High-Quality)<br>187,85(High-Quality)<br>131,130(Common)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||141,99(Common)<br>186,111(High-Quality)<br>152,112(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||149,82(High-Quality)<br>170,98(High-Quality)<br>155,129(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||167,108(Common)<br>171,133(High-Quality)<br>129,137(High-Quality) ||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||147,67(Common)<br>171,57(High-Quality)<br>170,84(High-Quality)||[[File:stone.png]]||3 |- <!-- 第6行 --> |Farm||145,127(Common)||[[File:farm.png]]||1 |- <!-- 第7行 --> |Sand Mine||136,108(Common)<br>177,50(High-Quality)<br>182,57(Common)<br>141,72(High-Quality)||[[File:sand.png]]||4 |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--west--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||6,61(Pure)<br>9,104(Pure)<br>44,137(High-Quality)<br>41,177(High-Quality)||[[File:iron.png]]||4 |- <!-- 第2行 --> |Copper Mine|| 32,60(High-Quality)<br>58,161(Pure)<br>5,181(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||41,69(High-Quality)<br>9,43(Pure)<br>27,159(High-Quality)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||20,91(High-Quality)<br>7,75(Pure)<br>6,136(High-Quality)<br>28,137(Pure)||[[File:coal.png]]||4 |- <!-- 第5行 --> |Stone Mine|| 46,78(High-Quality)<br>40,152(Pure)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm||23,146(High-Quality)||[[File:farm.png]]||1 |- <!-- 第7行 --> |Sand Mine|| 20,118(High-Quality)<br>21,167(Common)<br>9,139(Pure)<br>38,61(Pure)||[[File:sand.png]]||4 |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--south--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||128,158(High-Quality)<br>164,174(Pure)<br>163,148(Pure)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||81,152(High-Quality)<br>87,191(Pure)<br>158,186(Pure)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||98,160(Pure)<br>54,190(Pure)<br>146,181(Pure)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine|| 90,172(Pure)<br>180,167(Pure)<br>116,164(Pure)||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||65,158(Pure)<br>117,173(High-Quality)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm|| 99,150(High-Quality)<br>82,181(Pure)||[[File:farm.png]]||2 |- <!-- 第7行 --> |Sand Mine|| 117,186(Pure)<br>178,183(High-Quality)<br>138,170(Pure)<br>81,168(High-Quality)<br>158,168(Pure)<br>131,183(Pure)<br>154,147(High-Quality||[[File:sand.png]]||7 |- <!-- 第8行 --> |crude oil||103,182(3井)<br>121,193(9井)<br>134,190(9井)<br>189,166(6井)<br>185,152(6井) ||[[File:oil.png]]||5 |} </div> </div> </div> </div> </div> 59779ea4cfd166285ac810897f34824e636bb8ca 0 18 38 2024-01-04T13:54:33Z 397790636 415399 创建页面，内容为“=Chai's Villa[[File:chaiHouse.png]]= Located east of the Workshop, coordinates (110, 89) Related NPCs: Grandmother Chai, Chai Feifei, Chai Shihao, 4 Chai's servants” wikitext text/x-wiki =Chai's Villa[[File:chaiHouse.png]]= Located east of the Workshop, coordinates (110, 89) Related NPCs: Grandmother Chai, Chai Feifei, Chai Shihao, 4 Chai's servants f61a0050bec1b4cc7c31ee274440f83a92f03107 0 91 316 2024-01-04T13:57:30Z 397790636 415399 创建页面，内容为“<big> =Xiao's Villa[[File:xiaoHouse.png]]= Located north of River Town, coordinates (95, 75) Related NPCs: Xiao Yu, Han Shan There is a target on the right where you can practice internal force.” wikitext text/x-wiki <big> =Xiao's Villa[[File:xiaoHouse.png]]= Located north of River Town, coordinates (95, 75) Related NPCs: Xiao Yu, Han Shan There is a target on the right where you can practice internal force. 457339c8d784114918ad7d37ed388884afaad2ba 0 82 293 2024-01-04T14:07:23Z 397790636 415399 创建页面，内容为“=SwordWay Sect[[File:zongjianPavilion.png]]= Located to the west of the Workshop, coordinates (83, 87) Related NPCs: Yu Guanshan, Cao Yunxiu, Li Wangxing, Disciples of SwordWay Sect ===SwordWay Sect Bounty Board (under construction)=== Obtained by completing the series of tasks "Invitation of Zongjian",unknown/100, somewhat famous/240, well-known/420, famous/680, renowned throughout the ages/4680” wikitext text/x-wiki =SwordWay Sect[[File:zongjianPavilion.png]]= Located to the west of the Workshop, coordinates (83, 87) Related NPCs: Yu Guanshan, Cao Yunxiu, Li Wangxing, Disciples of SwordWay Sect ===SwordWay Sect Bounty Board (under construction)=== Obtained by completing the series of tasks "Invitation of Zongjian",unknown/100, somewhat famous/240, well-known/420, famous/680, renowned throughout the ages/4680 31333d1b70a5c5b6ff471bf9a7697286ff1bdbac 294 293 2024-01-04T14:07:42Z 397790636 415399 wikitext text/x-wiki =SwordWay Sect[[File:zongjianPavilion.png]]= Located to the west of the Workshop, coordinates (83, 87) Related NPCs: Yu Guanshan, Cao Yunxiu, Li Wangxing, Disciples of SwordWay Sect ===SwordWay Sect Bounty Board (under construction)=== Obtained by completing the series of tasks "Invitation of Zongjian", unknown/100, somewhat famous/240, well-known/420, famous/680, renowned throughout the ages/4680 b764dbf41aa9ab7ab7d3373dc521ac5ab7629f4e 295 294 2024-01-04T14:32:01Z 397790636 415399 wikitext text/x-wiki =SwordWay Sect[[File:zongjianPavilion.png]]= Located to the west of the Workshop, coordinates (83, 87) Related NPCs: Yu Guanshan, Cao Yunxiu, Li Wangxing, Disciples of SwordWay Sect ===SwordWay Sect Bounty Board (under construction)=== Obtained by completing the series of tasks unknown/100, somewhat famous/240, well-known/420, famous/680, renowned throughout the ages/4680 0faf078bc5ff3573eafbfdf167a0d23422a2021e 0 23 53 2024-01-04T14:33:07Z 397790636 415399 创建页面，内容为“<big> =Cloudy Mt.[[File:yuntaiMountain.png]]= Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day.” wikitext text/x-wiki <big> =Cloudy Mt.[[File:yuntaiMountain.png]]= Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day. b25e8326e71ccfd3fdc67e983469fab1ee1254ac 54 53 2024-01-04T14:33:13Z 397790636 415399 wikitext text/x-wiki <big> =Cloudy Mt.[[File:yuntaiMountain.png]]= Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day. f8f057fb58fb08fe10ad51d718a3d3482f3c9356 0 39 118 2024-01-04T14:56:47Z 397790636 415399 创建页面，内容为“<big> =Harvest Vill.[[File:village1.png]]= Located in the north, coordinates (97,47). To reach here, you need to repair the damaged North Bridge first. North Bridge: Connecting Zhongzhou and the northern continent, coordinates (98,63). It was damaged by the fire from heaven and cannot be used. After the third node of Oracle Temple T1 is repaired, it can be passed through. ==Grocery stall== Located above the dock in Harvest Vill. {| class="wikitable" style=…” wikitext text/x-wiki <big> =Harvest Vill.[[File:village1.png]]= Located in the north, coordinates (97,47). To reach here, you need to repair the damaged North Bridge first. North Bridge: Connecting Zhongzhou and the northern continent, coordinates (98,63). It was damaged by the fire from heaven and cannot be used. After the third node of Oracle Temple T1 is repaired, it can be passed through. ==Grocery stall== Located above the dock in Harvest Vill. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !名称!!图标!!描述!!价格（钱） |- <!-- 第1行 --> |肉||[[File:item_2005.png]]||富裕人家最常见的食材，可于村镇购买。||70 |- <!-- 第2行 --> |糖||[[File:item_2006.png]]||调味品，可于杂货摊购买。||56 |- <!-- 第3行 --> |青菜||[[File:item_2010.png]]||新鲜的蔬菜，可购买或于村落采集。||50 |- <!-- 第4行 --> |双屉书柜||[[file:build_1206.png]]||带有两个抽屉的书柜。||35000 |- <!-- 第5行 --> |书画桌案组||[[file:build_1215.png]]||用于书法绘画的桌案。||115000 |- <!-- 第6行 --> |石方凳||[[file:build_1307.png]]||石质方凳。||14500 |- <!-- 第7行 --> |石圆凳||[[file:build_1308.png]]||石质圆凳。||13500 |- <!-- 第8行 --> |石方桌||[[file:build_1414.png]]||庭院必备的石桌。||34100 |- <!-- 第9行 --> |装饰小方桌||[[file:build_1412.png]]||装饰用小方桌。||37500 |- <!-- 第10行 --> |装饰小长桌||[[file:build_1413.png]]||装饰用小长桌。||24500 |- <!-- 第11行 --> |稻草人||[[file:build_1244.png]]||用稻草制作的人偶。||32100 |- <!-- 第12行 --> |落雪稻草人||[[file:build_1245.png]]||落雪的稻草人。||32100 |} </div> </div> </div> </div> </div> [[File:鹤知村杂货摊.png]] 1c412a0abf383b7d4dac9709f7647aafb252272a 0 90 314 2024-01-04T15:13:03Z 397790636 415399 创建页面，内容为“<big> =Whitehead Vill[[File:village2.png]]= Located in the west, coordinates (28,105). To reach here, you need to repair the damaged West Bridge first. West Bridge: Connecting Zhongzhou and the western continent, coordinates (55,105). It was damaged by the fire from heaven and cannot be used. After the fourth node of Oracle Temple T4 is repaired, it can be passed through.” wikitext text/x-wiki <big> =Whitehead Vill[[File:village2.png]]= Located in the west, coordinates (28,105). To reach here, you need to repair the damaged West Bridge first. West Bridge: Connecting Zhongzhou and the western continent, coordinates (55,105). It was damaged by the fire from heaven and cannot be used. After the fourth node of Oracle Temple T4 is repaired, it can be passed through. 85170d67b128b0330ed391de55e80868bf5c9718 0 17 36 2024-01-04T15:21:27Z 397790636 415399 创建页面，内容为“=CeaseWar Vill.[[File:village3.png]]= Located in the south, coordinates (67,170). To reach here, you need to repair the damaged South Bridge first. South Bridge: Connecting Zhongzhou and the southern continent, coordinates (96,140). It was damaged by the fire from heaven and cannot be used. Oracle Temple Repair T5 Node 5 it can be passed through. In the 2nd-floor room in the lower right corner, you can spend 550,000 money to buy [Throne]” wikitext text/x-wiki =CeaseWar Vill.[[File:village3.png]]= Located in the south, coordinates (67,170). To reach here, you need to repair the damaged South Bridge first. South Bridge: Connecting Zhongzhou and the southern continent, coordinates (96,140). It was damaged by the fire from heaven and cannot be used. Oracle Temple Repair T5 Node 5 it can be passed through. In the 2nd-floor room in the lower right corner, you can spend 550,000 money to buy [Throne] ccb4e76435e41351bc7801a5c54ce032af63753e 0 16 34 2024-01-04T16:10:02Z 397790636 415399 创建页面，内容为“=Caves= The cavern is one of the treasure-hunting instances in this game, usually featuring 2-3 layers of space challenges. After killing all the enemies on this layer, you can unlock the entrance to the next layer. The last layer has three treasure chests and a teleportation array. The teleportation array allows you to directly leave the cave and return to the main map. The monsters in the cave are refreshed daily, but the treasure chests are not refreshed and…” wikitext text/x-wiki =Caves= The cavern is one of the treasure-hunting instances in this game, usually featuring 2-3 layers of space challenges. After killing all the enemies on this layer, you can unlock the entrance to the next layer. The last layer has three treasure chests and a teleportation array. The teleportation array allows you to directly leave the cave and return to the main map. The monsters in the cave are refreshed daily, but the treasure chests are not refreshed and can only be opened once. Regarding the enemies in the cave, you can refer to the enemy page for inquiries. On the main map, the following three icons represent the caves: {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !area!!name!!coord!!award |- <!-- 第1行 --> |North||Flowing Fish Cave||119，105||Prosperity Mantra<br>Exp Pill (External)<br>Flowing Fish Blade |- <!-- 第2行 --> |rowspan=4 colspan=1|North |Moonlight Cave||100,33||Light Body Amber*1<br>Wound Medicine*8<br>Cat Stealth |- <!-- 第3行 --> ||Erosion Cave||100,16|| 4250 money<br>Exp Pill (Tough)*2<br>Pure Buddha Beads |- <!-- 第4行 --> ||Azure Feather Cave||62,14||Blood Coral*2<br>Defy Death Swordplay<br>Roc Mantra |- <!-- 第5行 --> ||Red Ghosts Cave||67,69||Fiery Cicada*2<br>Rebirth Pill*5<br>The backpack adds 8 grids. |- <!-- 第6行 --> |rowspan=3 colspan=1|East |Star Stealing Cave||192,102||Monk Sarira*3<br>Night Bloom Mantra<br>Star Stealing SwordDance |- <!-- 第7行 --> ||Sliced Bamboo Cave||160,119||9982 money<br>Bursting Frost Mantra<br>Residual Winter Swordplay |- <!-- 第8行 --> ||Night Rain Cave ||138,122||Ganoderma Lucidum*2<br>Eternal Flower*2<br>Night Rain Sword |- <!-- 第9行 --> |rowspan=4 colspan=1|west |Weird Cave||14,42||Five Treasure Stew*2<br>Brahman Sutras<br>Soul Holding Pill |- <!-- 第10行 --> ||Silk Cave||29,118||Light Body Amber*3<br>Monk Sarira*2<br>Flying Snow Sword |- <!-- 第11行 --> ||Litcandle Cave||10,166||16350 money<br>Starry Elixir<br>The backpack adds 8 grids. |- <!-- 第12行 --> ||Hibernation Cave||54,168||Monk Sarira*2<br>Spirit Tortoise Shell*2<br>Dragon's Blood Tea |- <!-- 第13行 --> |rowspan=3 colspan=1|South |Cloud Wave Cave||78,161||Eternal Flower*5<br>Peace Dew<br>Stealth Sword |- <!-- 第14行 --> ||Cave||99,189||Lin Shanshi task |- <!-- 第15行 --> ||Shadowseeker Cave||150,175||Blood Coral*5<br>37620 money<br>Emperor Scrolls |} </div> </div> </div> </div> </div> 2e26c2908279d1531b297f0c921fbd2cd42c1341 0 47 162 2024-01-04T17:17:47Z 397790636 415399 创建页面，内容为“=Lighthouse= Most of the lighthouse towers on the mainland are located at the highest point of this place, used for nearby illumination and direction guidance, but due to long-term disrepair, they are basically in a damaged state. We can repair them with materials. By chance, in a conversation, we learned that there are a total of 5 lighthouse towers on the mainland. If they are all repaired, a treasure will be obtained. We can determine whether the lighthouse…” wikitext text/x-wiki =Lighthouse= Most of the lighthouse towers on the mainland are located at the highest point of this place, used for nearby illumination and direction guidance, but due to long-term disrepair, they are basically in a damaged state. We can repair them with materials. By chance, in a conversation, we learned that there are a total of 5 lighthouse towers on the mainland. If they are all repaired, a treasure will be obtained. We can determine whether the lighthouse tower is repaired by its appearance or visible range. {| class="wikitable" |+ 外观 |- |- | Damage || repair |- | [[File:lighthouse_0.png]] || [[File:lighthouse_1.png]] |} {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !区域!!坐标!!修复材料!!奖励 |- <!-- 第1行 --> |中州||90,109||木板*50，<br>木棒*100，<br>铁板*60||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第2行 --> |北部||70,13||铜板*100，<br>铁质框架*50，<br>木制框架*50||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第3行 --> |东部||154,76||钢管*500，<br>钢板*500，<br>铁质工具*100||耐力恢复+1，点亮燃灯塔周围10格 |- <!-- 第4行 --> |西部||51,154||工业结构体*50，<br>控制器*100，<br>高级工具*200||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第5行 --> |南部||128,173||强力石砖*3000，<br>大型计算机*200，<br>高级工具*500||大地图不再显示灰色遮挡块，点亮燃灯塔周围10格 |} </div> </div> </div> </div> </div> 657ee8aa5807f6c2839cea95ec1a9683936ac52d 0 67 251 2024-01-05T03:05:58Z 397790636 415399 创建页面，内容为“=Occult Go Club= Attribute: Function, Residence Located in the northeast corner of River town Business hours: (10:00-22:00) Related NPC: Xu Changting When your favorability with Xu Changting reaches 2 stars, coming to the second floor of the chess club to watch chess can increase your comprehension. [[file:通玄棋社.png|300px]]” wikitext text/x-wiki =Occult Go Club= Attribute: Function, Residence Located in the northeast corner of River town Business hours: (10:00-22:00) Related NPC: Xu Changting When your favorability with Xu Changting reaches 2 stars, coming to the second floor of the chess club to watch chess can increase your comprehension. [[file:通玄棋社.png|300px]] a507fc2073c672b0075caa1b924f98bdfd464d14 252 251 2024-01-05T03:07:47Z 397790636 415399 wikitext text/x-wiki =Occult Go Club= Attribute: Function, Residence Located in the northeast corner of River town Business hours: (10:00-22:00) Related NPC: Xu Changting When your favorability with Xu Changting reaches 2 stars, coming to the second floor of the chess club to watch chess can increase your comprehension. [[file:通玄棋社.png|300px]] 7c40e043164c4e3093644b5780248e7ed120ea9f 0 6 6 2024-01-05T03:07:33Z 397790636 415399 创建页面，内容为“=Academy= Attribute: Function, Residence Located in the east of Jiangcheng, next to Jiangyue Tower. Related NPCs: Li Yan, Hong Xian When your favorability with Li Yan reaches 2 stars, coming to the second floor to listen to the piano can increase your comprehension. [[file:映雪书馆.png|300px]]” wikitext text/x-wiki =Academy= Attribute: Function, Residence Located in the east of Jiangcheng, next to Jiangyue Tower. Related NPCs: Li Yan, Hong Xian When your favorability with Li Yan reaches 2 stars, coming to the second floor to listen to the piano can increase your comprehension. [[file:映雪书馆.png|300px]] a890999046ebb449fb67c96b861b1bb4c008cac2 0 93 320 2024-01-05T04:56:05Z 397790636 415399 创建页面，内容为“=Xu's House= Attribute: Residential Located in the western part of Jiangcheng, it is the home of the president of Jiangcheng Guild. Xu Fuchun and Lin Shanshi live and live in the main room, Xu Changting lives in the northern wing room, and Xu Changkong lives in the eastern wing room. The western room is now used to store miscellaneous items and tools. Related NPCs: Xu Fuchun, Lin Shanshi, Xu Changting, Xu Changkong [[file:徐府.png|300px]]” wikitext text/x-wiki =Xu's House= Attribute: Residential Located in the western part of Jiangcheng, it is the home of the president of Jiangcheng Guild. Xu Fuchun and Lin Shanshi live and live in the main room, Xu Changting lives in the northern wing room, and Xu Changkong lives in the eastern wing room. The western room is now used to store miscellaneous items and tools. Related NPCs: Xu Fuchun, Lin Shanshi, Xu Changting, Xu Changkong [[file:徐府.png|300px]] e85c46003d305d518ec303518ffdff19760593ba 321 320 2024-01-05T04:57:04Z 397790636 415399 wikitext text/x-wiki =Xu's House= Attribute: Residential Located in the western part of River Town, it is the home of the president of River Town Guild. Xu Fuchun and Lin Shanshi live and live in the main room, Xu Changting lives in the northern wing room, and Xu Changkong lives in the eastern wing room. The western room is now used to store miscellaneous items and tools. Related NPCs: Xu Fuchun, Lin Shanshi, Xu Changting, Xu Changkong [[file:徐府.png|300px]] 8a030aaf3d47c3807a7d8f2f67c8c09e1b2df523 0 21 48 2024-01-05T05:00:24Z 397790636 415399 创建页面，内容为“=Changshan's Hs.= Attribute: Residential It is located in the southeast of River Town, There are three rooms. Helian Changshan lives in the main room, where his collections and goods are also stored. The eastern room is rented to Xu Changkong. Open hours: (9:00-22:00) Related NPCs: Helian Changshan, Atuo, Xu Changkong [[file:赫连常山家.png|300px]]” wikitext text/x-wiki =Changshan's Hs.= Attribute: Residential It is located in the southeast of River Town, There are three rooms. Helian Changshan lives in the main room, where his collections and goods are also stored. The eastern room is rented to Xu Changkong. Open hours: (9:00-22:00) Related NPCs: Helian Changshan, Atuo, Xu Changkong [[file:赫连常山家.png|300px]] d3d241713cb279b78101a96915d55e6e585a866e 0 51 172 2024-01-05T05:02:55Z 397790636 415399 创建页面，内容为“=Lu's Hs.= Attribute: Residential Located in the southwest corner of Jiangcheng, it is the home of Lu Wei, Cao Yunhui, and Lu Binghua. The opening hours are from 8:00 to 22:00 every day. Opening hours: (8:00-22:00) Related NPCs: Lu Wei, Cao Yunhui, Lu Binghua [[File:鲁家.png|300px]]” wikitext text/x-wiki =Lu's Hs.= Attribute: Residential Located in the southwest corner of Jiangcheng, it is the home of Lu Wei, Cao Yunhui, and Lu Binghua. The opening hours are from 8:00 to 22:00 every day. Opening hours: (8:00-22:00) Related NPCs: Lu Wei, Cao Yunhui, Lu Binghua [[File:鲁家.png|300px]] 49ecd8fc61eb6ee4f51480e956aa1ea0cdb9915c 0 81 291 2024-01-05T05:04:20Z 397790636 415399 创建页面，内容为“=Sun Daoyi's Hs.= Attribute: Residential This is Sun Daoyi's residence, which is usually locked and located in the southeast corner of River town. [[File:孙道一家.png|300px]]” wikitext text/x-wiki =Sun Daoyi's Hs.= Attribute: Residential This is Sun Daoyi's residence, which is usually locked and located in the southeast corner of River town. [[File:孙道一家.png|300px]] 9c320fe0d95dce48fa8f4b1f34bc4ec9306ade66 0 73 269 2024-01-05T06:03:01Z 397790636 415399 创建页面，内容为“=RT Suburbs= The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability).” wikitext text/x-wiki =RT Suburbs= The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability). afe8b16f9541c2b1347c04fb51de2bb2d6bc5eee 0 72 267 2024-01-05T06:04:57Z 397790636 415399 创建页面，内容为“=RT Hilltop= After entering Mountain Road, continue to walk north to arrive, there is a collection point.” wikitext text/x-wiki =RT Hilltop= After entering Mountain Road, continue to walk north to arrive, there is a collection point. 49867a7e584120f40836655a34ee84bd104c1c7e 0 71 265 2024-01-05T06:06:23Z 397790636 415399 创建页面，内容为“=RT Dock= The place where Helian Changshan stores the goods, he occasionally comes to check the goods. There is a collection point at the dock, and you can come here to collect if you have a demand.” wikitext text/x-wiki =RT Dock= The place where Helian Changshan stores the goods, he occasionally comes to check the goods. There is a collection point at the dock, and you can come here to collect if you have a demand. e1af03a520ae88ef239b934e88d5440eac353b92 10 105 445 444 2024-01-05T06:09:15Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a0df2e45a7cb8d29aa5f202264e066874d548275 10 102 384 383 2024-01-05T06:11:41Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0a32185cc91a33f2ae3b9f8f9aaa988933185e5a 0 75 275 2024-01-05T06:44:21Z 397790636 415399 创建页面，内容为“<big> =Resource= In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ====Resource Acquisition=== '''Resource site|Map Resource Point…” wikitext text/x-wiki <big> =Resource= In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ====Resource Acquisition=== '''[[Resource site|Map Resource Point Detailed Location Query]]''' Among them, [Water Resources] can be obtained directly by a pump at the water's edge. Other resources are obtained in the corresponding venues, and the location and quality of resource points can be viewed in the resource points of the home page world map. [Liquid Resources] and [Grain] cannot be mined manually. [Grain] can be purchased with copper coins at the [Farm]. Other resources can all be mined manually in the corresponding venues. [Contract] In addition to [Liquid Resources], other resources can be obtained by contracting. The contracting method is to enter the resource point and talk to the NPC to obtain it by purchasing. After purchasing, the venue will belong to you permanently, and a certain amount of resources will be provided to your designated inbound box every day at 6:00. If no inbound box is designated, it will be delivered directly to your backpack. The higher the level of the resource point, the higher the output of resources. [Managing Resource Points] We can always adjust the location of resource delivery by talking to the NPC at the resource point, and we can also view the current production capacity of the resource point and the output of the next level. In the game, resources can be obtained by using an ax or pickaxe to manually collect at the resource point, or by purchasing a resource point to obtain a fixed amount daily. The resource point will deliver the goods to the corresponding inbound box or backpack every day at 6 am. 008395a4669920d1fdc23d99236d674744a1f14a 276 275 2024-01-05T07:01:05Z 397790636 415399 wikitext text/x-wiki <big> =Resource= In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ====Resource Acquisition=== '''[[Resource site|Map Resource Point Detailed Location Query]]''' Among them, [Water Resources] can be obtained directly by a pump at the water's edge. Other resources are obtained in the corresponding venues, and the location and quality of resource points can be viewed in the resource points of the home page world map. [Liquid Resources] and [Grain] cannot be mined manually. [Grain] can be purchased with copper coins at the [Farm]. Other resources can all be mined manually in the corresponding venues. [Contract] In addition to [Liquid Resources], other resources can be obtained by contracting. The contracting method is to enter the resource point and talk to the NPC to obtain it by purchasing. After purchasing, the venue will belong to you permanently, and a certain amount of resources will be provided to your designated inbound box every day at 6:00. If no inbound box is designated, it will be delivered directly to your backpack. The higher the level of the resource point, the higher the output of resources. [Managing Resource Points] We can always adjust the location of resource delivery by talking to the NPC at the resource point, and we can also view the current production capacity of the resource point and the output of the next level. In the game, resources can be obtained by using an ax or pickaxe to manually collect at the resource point, or by purchasing a resource point to obtain a fixed amount daily. The resource point will deliver the goods to the corresponding inbound box or backpack every day at 6 am. [[File:资源管理en.png]] 07f1110d9eb888fd5355e76bc22c9237189a7b5e 0 24 56 2024-01-05T07:04:05Z 397790636 415399 创建页面，内容为“=DW Museum= Attribute: Function The Tian Gong Pavilion is located in the north of Jiangcheng, and you can reach it by walking straight along the main road in the north-south direction of Jiangcheng. Business hours: 9:00-20:00 every day Related NPC: Zheng De In the beginning, the Tian Gong Pavilion in the game did not have a collection display. After receiving a letter from Zheng De and completing the task , the collection display can be unlocked. File:…” wikitext text/x-wiki =DW Museum= Attribute: Function The Tian Gong Pavilion is located in the north of Jiangcheng, and you can reach it by walking straight along the main road in the north-south direction of Jiangcheng. Business hours: 9:00-20:00 every day Related NPC: Zheng De In the beginning, the Tian Gong Pavilion in the game did not have a collection display. After receiving a letter from Zheng De and completing the task , the collection display can be unlocked. [[File:天工阁.png|300px]] a616fbd59de980e548916f1c8d886a9d3c6b3e41 57 56 2024-01-05T07:10:57Z 397790636 415399 wikitext text/x-wiki =DW Museum= Attribute: Function The Tian Gong Pavilion is located in the north of Jiangcheng, and you can reach it by walking straight along the main road in the north-south direction of Jiangcheng. Business hours: 9:00-20:00 every day Related NPC: Zheng De In the beginning, the Tian Gong Pavilion in the game did not have a collection display. After receiving a letter from Zheng De and completing the task , the collection display can be unlocked. [[File:天工阁.png|300px]] ===Collection Requirements=== Only items that require <font color=red>processing of one or more processes</font> can be sent to the Tian Gong Pavilion for collection. Each item can only be submitted once. The submitted items will be displayed on the display stand in the Tian Gong Pavilion. <big> After submitting a certain number of collections, you will receive rewards, as follows: {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !number!!award |- <!-- 第1行 --> |3||350 money |- <!-- 第2行 --> |rowspan=2 colspan=1|8 |Blood Coral |- <!-- 第3行 --> ||Monk Sarira |- <!-- 第4行 --> |15||Exp Pill (External)*5 |- <!-- 第5行 --> |rowspan=2 colspan=1|25 |Light Body Amber |- <!-- 第6行 --> ||Spirit Tortoise Shell |- <!-- 第7行 --> |rowspan=2 colspan=1|36 |Fiery Cicada |- <!-- 第8行 --> ||Ganoderma Lucidum |- <!-- 第9行 --> |48||Tortoise Shell |- <!-- 第10行 --> |63||Five Treasure Stew |- <!-- 第11行 --> |75||Eternal Palms |- <!-- 第12行 --> |85||Spirit Eagle Boots |} </div> </div> </div> </div> </div> 13627596a2e10547a9752774d496919a4c14ae5a 0 37 114 2024-01-05T07:33:06Z 397790636 415399 创建页面，内容为“=Guild= Attribute: Shop, Function The largest trading company in Jiangcheng, located on the west side of the main road in Jiangcheng, turn left when entering the city. It is also the first task point for game entry. When entering Jiangcheng for the first time, the camera will automatically move to the Jiangcheng Guild. Business hours: (8:30-17:00) Related NPCs: Xu Fuchun, Lin Shanshi [[File:江城行会.png|300px]] ===[[Xu Fuchun]]=== Reset Talents: It co…” wikitext text/x-wiki =Guild= Attribute: Shop, Function The largest trading company in Jiangcheng, located on the west side of the main road in Jiangcheng, turn left when entering the city. It is also the first task point for game entry. When entering Jiangcheng for the first time, the camera will automatically move to the Jiangcheng Guild. Business hours: (8:30-17:00) Related NPCs: Xu Fuchun, Lin Shanshi [[File:江城行会.png|300px]] ===[[Xu Fuchun]]=== Reset Talents: It costs 6500 money to reset all Talents Apply for Divorce: It costs 1,200,000 money to apply for divorce. After divorce, the favorability with the NPC will be reset to zero. ===[[Lin Shanshi]]=== [Upgrade House:] Currently, the house can be upgraded twice. [The 2nd-level house] can add a kitchen and expand the house, requiring 5,000 money, 400 pieces of wood, and 800 pieces of stone bricks, with a construction time of 1 day. If you have learned Recipes, you can cook in the kitchen. [The 3rd-level house ] can add 2 bedrooms and expand the house, requiring 60,000 money, 800 pieces of reinforced wood, and 2,000 pieces of strong stone bricks, with a construction time of 4 days. It unlocks a double wooden bed and opens the function of placing Furniture at home. [Purchase Goods:] You can purchase some basic raw materials, processed materials, and house decorations from Lin Shanshi here. 2926372cd0127b14a9ca57ed243592375edfa48b 0 11 20 2024-01-05T07:42:29Z 397790636 415399 创建页面，内容为“<big> =Blacksmith= Attribute: Shop, Function The smithy is located in the southwest direction of River Town. Enter River Town and go straight left to see it. The daily business hours are 9:00-17:00. Here, players can purchase items and upgrade axes and picks. Related NPC: [[Lu Wei]] [[File:铁匠铺.png|300px]] ===upgrade axes and picks=== After upgrading the ax and pickaxe, the collection speed can be increased, the cleaning speed of the workshop can b…” wikitext text/x-wiki <big> =Blacksmith= Attribute: Shop, Function The smithy is located in the southwest direction of River Town. Enter River Town and go straight left to see it. The daily business hours are 9:00-17:00. Here, players can purchase items and upgrade axes and picks. Related NPC: [[Lu Wei]] [[File:铁匠铺.png|300px]] ===upgrade axes and picks=== After upgrading the ax and pickaxe, the collection speed can be increased, the cleaning speed of the workshop can be increased, and the hard crushed stones at the entrance of some caves or ruins can be cleaned. 11ab2a3d904dcbfb504adbb70f04b21f966ad784 0 83 297 2024-01-05T07:56:55Z 397790636 415399 创建页面，内容为“<big> =Tailor Shop= A new shop has opened in Jiangcheng, dealing in fabrics and clothing. It is located in the southeast of Jiangcheng. The clothing workshop has two floors, the first floor is the business area of the shop, and the second floor is the rest area. [Attributes: ] Shop, Function, Residence [Business hours:] Monday to Saturday (11:00-19:00) [Plot: ] When more than 50 soaps [soap] produced by the workshop are shipped, enter the clothing worksho…” wikitext text/x-wiki <big> =Tailor Shop= A new shop has opened in Jiangcheng, dealing in fabrics and clothing. It is located in the southeast of Jiangcheng. The clothing workshop has two floors, the first floor is the business area of the shop, and the second floor is the rest area. [Attributes: ] Shop, Function, Residence [Business hours:] Monday to Saturday (11:00-19:00) [Plot: ] When more than 50 soaps [soap] produced by the workshop are shipped, enter the clothing workshop to trigger it. [Related NPCs: ] Tan, Ye Li Wangzhu '''[[Tan]]''' Upgrade Backpack: At Tan's, you can spend materials and money to upgrade your backpack. Each upgrade increases the backpack by 8 grids. Depending on the level of the backpack, the required materials and quantities for each upgrade will increase. ===Backpack=== The backpack can currently be upgraded 13 times, the clothing workshop can be upgraded 9 times, the Oracle Temple technology can be unlocked to repair it once, the cave treasure hunt can be upgraded twice, and the first place in the Mid-Autumn Festival once. da44d94f0d3c85917657d4bd7e422576af7ecdd6 298 297 2024-01-05T07:57:19Z 397790636 415399 wikitext text/x-wiki <big> =Tailor Shop= A new shop has opened in Jiangcheng, dealing in fabrics and clothing. It is located in the southeast of Jiangcheng. The clothing workshop has two floors, the first floor is the business area of the shop, and the second floor is the rest area. [Attributes: ] Shop, Function, Residence [Business hours:] Monday to Saturday (11:00-19:00) [Plot: ] When more than 50 soaps [soap] produced by the workshop are shipped, enter the clothing workshop to trigger it. [Related NPCs: ] Tan, Ye Li Wangzhu [[File:旺珠衣坊.png|300px]] '''[[Tan]]''' Upgrade Backpack: At Tan's, you can spend materials and money to upgrade your backpack. Each upgrade increases the backpack by 8 grids. Depending on the level of the backpack, the required materials and quantities for each upgrade will increase. ===Backpack=== The backpack can currently be upgraded 13 times, the clothing workshop can be upgraded 9 times, the Oracle Temple technology can be unlocked to repair it once, the cave treasure hunt can be upgraded twice, and the first place in the Mid-Autumn Festival once. 805cf6be4035d43f3628e0bd7425605aa343c570 0 63 206 2024-01-05T08:11:02Z 397790636 415399 创建页面，内容为“=Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Rel…” wikitext text/x-wiki =Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg 、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：雪霞羹、水龙白鱼、鲜花饼、蟹黄豆腐。 de60bec6588fd8ed583a5ec90185433523f2275a 207 206 2024-01-05T08:11:57Z 397790636 415399 wikitext text/x-wiki =Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg 、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 a06e948aba448229305276f7c65875781f23e1d9 208 207 2024-01-05T08:12:30Z 397790636 415399 wikitext text/x-wiki <big> =Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg 、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 b95e1d7c49fa7d94fd37837b608ae2805c351b16 209 208 2024-01-05T08:12:50Z 397790636 415399 wikitext text/x-wiki <big> =Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 c19e64b6706ffa455c434aa35428654593a9cf05 0 44 151 2024-01-05T08:19:39Z 397790636 415399 创建页面，内容为“=JiAn Clinic= Attributes: Shop, Residence JiAn Clinic is a medical clinic in River Town, located in the northwest corner of River Town. Residents of River Town and the surrounding areas will come here to see a doctor or buy medicine when they are sick or injured. There is a medicinal field planted by the medical clinic behind the house. Business hours: (9:00-16:00) Plot: When the cumulative shipment of the medical kit produced by the workshop exceeds 50, ent…” wikitext text/x-wiki =JiAn Clinic= Attributes: Shop, Residence JiAn Clinic is a medical clinic in River Town, located in the northwest corner of River Town. Residents of River Town and the surrounding areas will come here to see a doctor or buy medicine when they are sick or injured. There is a medicinal field planted by the medical clinic behind the house. Business hours: (9:00-16:00) Plot: When the cumulative shipment of the medical kit produced by the workshop exceeds 50, enter JiAn Clinic to trigger it. Permanent NPCs: Lu Ying, Lu Chanyi [[File:济安堂.png|300px]] ===Lu Ying=== sale 77cb07d42fc0a389aa8226efb9c8c6836f8aee84 0 61 200 2024-01-05T14:04:24Z 397790636 415399 创建页面，内容为“=Mission= Tasks are categorized as [Main Quests], [Side Quests], [Bounty Quests], and [NPC Favor Quests]. You can use the shortcut key [J] to open and view them, and also select tasks to track. The tracked tasks will be displayed in the upper left corner of the game, and this display can also be hidden by clicking the arrow on the right side of the task. =Coin Acquisition= Coin AcquisitionIn the early stages of the game, we need a large amount of gold coins…” wikitext text/x-wiki =Mission= Tasks are categorized as [Main Quests], [Side Quests], [Bounty Quests], and [NPC Favor Quests]. You can use the shortcut key [J] to open and view them, and also select tasks to track. The tracked tasks will be displayed in the upper left corner of the game, and this display can also be hidden by clicking the arrow on the right side of the task. =Coin Acquisition= Coin AcquisitionIn the early stages of the game, we need a large amount of gold coins to purchase mines and upgrade them. At this time, our automated workshop has not yet taken shape, and the income from selling workshop products is relatively small. Moreover, we still need to use workshop products to upgrade the Tianji Temple and unlock technologies. We can complete the bounty quests every week. There are two types of bounty quests. Completing the quests can earn copper coins and prestige. After the prestige is increased, you can also receive prestige level rewards via email every week. PS: You can earn some money by hand-making screws in the early stage. =Commodity Quests= 【Soap】After settling the delivery of 50 soaps, you can trigger the relevant merchandise plot at Wangzhu Clothing Store the next day. 【Medicine Box】After settling the delivery of 50 medicine boxes, you can trigger the relevant merchandise plot at Ji'an Hall the next day. 【Watches】and【Ovens】After settling the delivery of 50 watches and ovens respectively, you can trigger the relevant merchandise plot at Jiangyue Tower the next day. 4cb923a74ff53f0d4e3e7a0a27b86229c171d98f 201 200 2024-01-05T14:04:37Z 397790636 415399 wikitext text/x-wiki =Mission= Tasks are categorized as [Main Quests], [Side Quests], [Bounty Quests], and [NPC Favor Quests]. You can use the shortcut key [J] to open and view them, and also select tasks to track. The tracked tasks will be displayed in the upper left corner of the game, and this display can also be hidden by clicking the arrow on the right side of the task. =Coin Acquisition= Coin AcquisitionIn the early stages of the game, we need a large amount of gold coins to purchase mines and upgrade them. At this time, our automated workshop has not yet taken shape, and the income from selling workshop products is relatively small. Moreover, we still need to use workshop products to upgrade the Tianji Temple and unlock technologies. We can complete the bounty quests every week. There are two types of bounty quests. Completing the quests can earn copper coins and prestige. After the prestige is increased, you can also receive prestige level rewards via email every week. PS: You can earn some money by hand-making screws in the early stage. =Commodity Quests= 【Soap】After settling the delivery of 50 soaps, you can trigger the relevant merchandise plot at Wangzhu Clothing Store the next day. 【Medicine Box】After settling the delivery of 50 medicine boxes, you can trigger the relevant merchandise plot at Ji'an Hall the next day. 【Watches】and【Ovens】After settling the delivery of 50 watches and ovens respectively, you can trigger the relevant merchandise plot at Jiangyue Tower the next day. f526dd3b1f4846af434c7d1c1f15fd3537fee35e 0 74 273 2024-01-06T08:55:44Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!access!!build!!Input!!output!!time/s!!Manual count |- <!-- 第1行 --> |Lumber||fulfil a task[Know Lin Shanshi]||Workbench，Constructor，Assembler，Manufacturer||Wood*1||1||3||3 |- <!-- 第2行 --> |Wooden Plate||fulfil a task[Purchase Resource Sites]||Workbench，Constructor，Assembler，Manufacturer||Lumber*1||1||3||3 |- <!-- 第3行 --> |Reinforced Wooden Plate||Technology||Workben…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!access!!build!!Input!!output!!time/s!!Manual count |- <!-- 第1行 --> |Lumber||fulfil a task[Know Lin Shanshi]||Workbench，Constructor，Assembler，Manufacturer||Wood*1||1||3||3 |- <!-- 第2行 --> |Wooden Plate||fulfil a task[Purchase Resource Sites]||Workbench，Constructor，Assembler，Manufacturer||Lumber*1||1||3||3 |- <!-- 第3行 --> |Reinforced Wooden Plate||Technology||Workbench，Assembler，Manufacturer||Wooden Plate*2，Aggregate*3||1||8||8 |- <!-- 第4行 --> |Wooden Frame||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*4，Screw*6||1||8||8 |- <!-- 第5行 --> |Iron Core||RepairT2Node3||Workbench，Assembler，Manufacturer||Reinforced Iron Plate*1，Energy Module C*1||1||10||10 |- <!-- 第6行 --> |Wooden Rod||fulfil a task[Purchase Resource Sites]||Workbench，Constructor，Assembler，Manufacturer||Lumber*2||3||6||6 |- <!-- 第7行 --> |Aggregate||fulfil a task[Know Lin Shanshi]||Workbench，Constructor，Assembler，Manufacturer||Stone*1||1||3||3 |- <!-- 第8行 --> |Iron Ingot||fulfil a task[Know Lin Shanshi]||Smelter，Furnace||Iron Ore*2||1||3||3 |- <!-- 第9行 --> |Copper Ingot||fulfil a task[Purchase Resource Sites]||Smelter，Furnace||Copper Ore*2||1||3||3 |- <!-- 第10行 --> |Stone Brick||Technology||Workbench，Constructor，Assembler，Manufacturer||Aggregate*2||1||6||6 |- <!-- 第11行 --> |Iron Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Ingot*1||1||3||3 |- <!-- 第12行 --> |Iron Rod||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Ingot*2||3||6||6 |- <!-- 第13行 --> |Screw||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Rod*1||3||2||2 |- <!-- 第14行 --> |Reinforced Iron Plate||Technology||Workbench，Assembler，Manufacturer||Iron Plate*2，Screw*4||1||8||8 |- <!-- 第15行 --> |Iron Frame||Technology||Workbench，Assembler，Manufacturer||Iron Rod*4，Screw*6||1||8||8 |- <!-- 第16行 --> |Iron Tools||Technology||Workbench，Assembler，Manufacturer||Iron Rod*2，Reinforced Iron Plate*1||1||10||10 |- <!-- 第17行 --> |Steel Core||RepairT4Node3||Workbench，Assembler，Manufacturer||Iron Tools*1，Energy Module B*1||1||12||12 |- <!-- 第18行 --> |Copper Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Copper Ingot*1||1||3||3 |- <!-- 第19行 --> |Copper Cable||Technology||Workbench，Constructor，Assembler，Manufacturer||Copper Ingot*2||3||6||6 |- <!-- 第20行 --> |Purified Silicon||Technology||Workbench，Constructor，Assembler，Manufacturer||Sand*5||1||10||10 |- <!-- 第21行 --> |Glass||Technology||Foundry||Sand*3，Stone*3||1||5||5 |- <!-- 第22行 --> |Wood Fiber||Technology||Workbench，Constructor，Assembler，Manufacturer||Wood*2||3||6||6 |- <!-- 第23行 --> |Thread||Technology||Workbench，Constructor，Assembler，Manufacturer||Wood Fiber*2||1||6||6 |- <!-- 第24行 --> |Small Cloth Cabinet||Technology||Workbench，Constructor，Assembler，Manufacturer||Thread*2||1||6||6 |- <!-- 第25行 --> |Paper||Technology||Workbench，Constructor，Assembler，Manufacturer||Lumber*1||2||3||3 |- <!-- 第26行 --> |Oiled Paper||Technology||Workbench，Assembler，Manufacturer||Paper*3，Cooking Oil*1||1||9||9 |- <!-- 第27行 --> |Primary Tools||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*2，Aggregate*1||1||10||10 |- <!-- 第28行 --> |Liquor||Technology||Grain Processor||Grain*4||1||16||16 |- <!-- 第29行 --> |Cooking Oil||Technology||Grain Processor||Grain*4||1||16||16 |- <!-- 第30行 --> |Alcohol||Technology||Smelter||Liquor*3||1||12||12 |- <!-- 第31行 --> |Steel Smelting||RepairT3Node2||Foundry||Iron Ore*2，Coal*2||1||4||4 |- <!-- 第32行 --> |Steel Pipe||Technology||Workbench，Constructor，Assembler，Manufacturer||Steel Ingot*2||1||8||8 |- <!-- 第33行 --> |Steel Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Steel Ingot*3||2||9||9 |- <!-- 第34行 --> |Reinforced Concrete||Technology||Workbench，Assembler，Manufacturer||Steel Plate*2，Aggregate*5||1||16||16 |- <!-- 第35行 --> |Rotor||Technology||Workbench，Assembler，Manufacturer||Iron Rod*4，Copper Cable*25||1||20||20 |- <!-- 第36行 --> |Stator||Technology||Workbench，Assembler，Manufacturer||Copper Plate*4，Screw*25||1||20||20 |- <!-- 第37行 --> |Fuel Bar||Technology||Workbench，Assembler，Manufacturer||Coal*1，Wood Fiber*1||1||4||4 |- <!-- 第38行 --> |Reinforced Brick||Technology||Workbench，Constructor，Assembler，Manufacturer||Reinforced Concrete*1||2||8||8 |- <!-- 第39行 --> |Delicate Leather||Technology||Workbench，Assembler，Manufacturer||Beast Fur*1，Small Cloth Cabinet*2||1||10||10 |- <!-- 第40行 --> |Delicate Thread||Technology||Workbench，Assembler，Manufacturer||Spider Silk*1，Thread*4||2||10||10 |- <!-- 第41行 --> |RI-Crystal||RepairT2Node2||Crystalizer||Iron Ingot*3，Copper Ingot*3||1||5||20 |- <!-- 第42行 --> |GI-Crystal||RepairT2Node2||Crystalizer||Small Cloth Cabinet*3，Primary Tools*2||1||8||20 |- <!-- 第43行 --> |BI-Crystal||RepairT3Node2||Crystalizer||Iron Core*1，Steel Pipe*3||1||10||20 |- <!-- 第44行 --> |PI-Crystal||RepairT5Node4||Crystalizer||Controller*1，Electric Motor*1||1||12||20 |- <!-- 第45行 --> |YI-Crystal||RepairT7Node3||Crystalizer||Electric Motor*2，Aggregate*4||1||12||20 |- <!-- 第46行 --> |Chip||Technology||Workbench，Assembler，Manufacturer||Purified Silicon*10，Copper Plate*20||1||30||30 |- <!-- 第47行 --> |Controller||Technology||Workbench，Assembler，Manufacturer||Chip*2，Steel Core*1||1||30||30 |- <!-- 第48行 --> |Electric Motor||Technology||Workbench，Assembler，Manufacturer||Rotor*5，Stator*5||2||32||40 |- <!-- 第49行 --> |Advanced Tools||Technology||Workbench，Manufacturer||Industrial Structure*1，Controller*1，<br>Electric Motor*2||2||20||32 |- <!-- 第50行 --> |Tent||Technology||间||Small Cloth Cabinet*10，Wooden Rod*8，Reinforced Iron Plate*1||1||||20 |- <!-- 第51行 --> |Oracle Stone||RepairT4Node2||Workbench，Manufacturer，间||Purified Silicon*5，Iron Tools*2，Iron Core*10||1||12||12 |- <!-- 第52行 --> |RM Shield||Technology||间||Industrial Structure*1，Purified Silicon*6||1||||6 |- <!-- 第53行 --> |Energy Module C||RepairT2Node3||Core Charger||Copper Plate*3，Wooden Frame*1||1||20||20 |- <!-- 第54行 --> |Energy Module B||RepairT4Node3||Core Charger||Steel Pipe*4，Purified Silicon*10||1||30||30 |- <!-- 第55行 --> |Energy Module A||RepairT7Node4||Core Charger||Steel Pipe*4，Purified Silicon*10||1||30||30 |- <!-- 第56行 --> |Industrial Structure||Technology||Workbench，Manufacturer||Iron Frame*4，Steel Pipe*10，<br>Reinforced Brick*10||2||30||30 |- <!-- 第57行 --> |Plastic||Technology||Workbench，Assembler，Manufacturer||Packaged Oil*3，Coal*2||1||5||5 |- <!-- 第58行 --> |Rubber||Technology||Workbench，Assembler，Manufacturer||Packaged Oil*3，Grain*2||1||5||5 |- <!-- 第59行 --> |Circuit Board||Technology||Workbench，Manufacturer||Rubber*5，Copper Plate*20，Industrial Structure*2||1||30||30 |- <!-- 第60行 --> |Large Computer||RepairT6Node3||Workbench，Manufacturer||Circuit Board*1，Chip*5，Controller*5||1||30||30 |- <!-- 第61行 --> |Fuel Energy Cube||RepairT6Node2||Workbench，Assembler，Manufacturer||Fuel Bar*2，Packaged Oil*2||1||10||10 |- <!-- 第62行 --> |High-performance Flooring||Technology||Workbench，Manufacturer||Rubber*3，Plastic*3，Reinforced Brick*4||1||8||8 |- <!-- 第63行 --> |Antibiotic||RepairT2Node1||间||Liquor*5，Cooking Oil*5||1||||10 |- <!-- 第64行 --> |Soap||Technology||Workbench，Assembler，Manufacturer||Cooking Oil*2，Liquor精*2||1||6||6 |- <!-- 第65行 --> |Bronze Mirror||Technology||Workbench，Assembler，Manufacturer||Wooden Frame*1，Copper Plate*3||1||6||6 |- <!-- 第66行 --> |Oiled Paper Umbrella||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*2，Oiled Paper*3||1||8||8 |- <!-- 第67行 --> |Medicine Box||Technology||Workbench，Assembler，Manufacturer||Small Cloth Cabinet*2，Liquor精*2，Iron Frame*1||1||12||12 |- <!-- 第68行 --> |Watch||Technology||Workbench，Assembler，Manufacturer||Glass*5，Chip*2，Circuit Board*1||1||16||16 |- <!-- 第69行 --> |Oven||Technology||Workbench，Assembler，Manufacturer||Industrial Structure*1，Advanced Tools*1，Large Computer*1||1||20||20 |- <!-- 第70行 --> |Building Capsule||RepairT3Node5||Workbench，Assembler，Manufacturer||Wooden Frame*1，Reinforced Concrete*1||3||15||15 |- <!-- 第71行 --> |Mechanical Core||RepairT7Node5||Workbench，Assembler，Manufacturer||Energy Module A*1，Superalloy*2||1||12||12 |- <!-- 第72行 --> |Superalloy||Technology||Foundry||Steel Ingot*3，Purified Silicon*3||1||5||5 |- <!-- 第73行 --> |Radiator||Technology||Workbench，Assembler，Manufacturer||Steel Plate*4，Copper Plate*4||1||10||10 |- <!-- 第74行 --> |Space Structure||Technology||Workbench，Assembler，Manufacturer||Superalloy*8，Rubber*4||2||30||30 |- <!-- 第75行 --> |Space Fuel||Technology||Workbench，Assembler，Manufacturer||Organic Energy Block*10，Fuel Energy Cube*5||1||30||30 |- <!-- 第76行 --> |Space Engine||Technology||Workbench，Manufacturer||Mechanical Core*2，Large Computer*1，Radiator*4||1||40||40 |} </div> </div> </div> </div> </div> bf83fe36947e1923c0b2dab984adc2b3926066f4 0 28 91 2024-01-06T08:59:01Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!explain!!upper limit!!price!!burning time |- <!-- 第1行 --> |Wood||[[file:Item 1.png]]||Produce, Fuel||200||0||5 |- <!-- 第2行 --> |Lumber||[[file:Item 2.png]]||Sale, Produce, Fuel||200||2||5 |- <!-- 第3行 --> |Grain||[[file:Item 4.png]]||Sale, Produce||200||1||0 |- <!-- 第4行 --> |Stone||[[file:Item 5.png]]||Produce||200||0||0 |- <!-- 第5行 --> |Sand||[[file:Item 6.png]]|…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!explain!!upper limit!!price!!burning time |- <!-- 第1行 --> |Wood||[[file:Item 1.png]]||Produce, Fuel||200||0||5 |- <!-- 第2行 --> |Lumber||[[file:Item 2.png]]||Sale, Produce, Fuel||200||2||5 |- <!-- 第3行 --> |Grain||[[file:Item 4.png]]||Sale, Produce||200||1||0 |- <!-- 第4行 --> |Stone||[[file:Item 5.png]]||Produce||200||0||0 |- <!-- 第5行 --> |Sand||[[file:Item 6.png]]||Produce||200||0||0 |- <!-- 第6行 --> |Aggregate||[[file:Item 10.png]]||Sale, Produce||200||2||0 |- <!-- 第7行 --> |Coal||[[file:Item 11.png]]||Sale, Fuel||200||0||11.7 |- <!-- 第8行 --> |Copper Ore||[[file:Item 12.png]]||Sale, Produce||200||0||0 |- <!-- 第9行 --> |Iron Ore||[[file:Item 13.png]]||Sale, Produce||200||0||0 |- <!-- 第10行 --> |Wood Fiber||[[file:Item 14.png]]||Sale, Produce||200||1||2 |- <!-- 第11行 --> |Thread||[[file:Item 15.png]]||Sale, Produce||200||4||1.7 |- <!-- 第12行 --> |Small Cloth Cabinet||[[file:Item 16.png]]||Sale, Produce||200||9||5.5 |- <!-- 第13行 --> |Glass||[[file:Item 17.png]]||Sale, Produce||100||6||0 |- <!-- 第14行 --> |Purified Silicon||[[file:Item 18.png]]||Sale, Produce||200||4||0 |- <!-- 第15行 --> |Wooden Plate||[[file:Item 50.png]]||Sale, Produce||200||3||5.5 |- <!-- 第16行 --> |Wooden Rod||[[file:Item 51.png]]||Sale, Produce||300||1||5.5 |- <!-- 第17行 --> |Reinforced Wooden Plate||[[file:Item 52.png]]||Sale, Produce||100||13||5 |- <!-- 第18行 --> |Wooden Frame||[[file:Item 53.png]]||Sale, Produce||100||17||6.7 |- <!-- 第19行 --> |Iron Core||[[file:Item 54.png]]||Sale, Produce||200||32||0 |- <!-- 第20行 --> |Stone Brick||[[file:Item 55.png]]||Sale, Produce||200||5||0 |- <!-- 第21行 --> |Reinforced Brick||[[file:Item 56.png]]||Sale, Produce||200||13||0 |- <!-- 第22行 --> |Primary Tools||[[file:Item 57.png]]||Sale, Produce||100||6||0 |- <!-- 第23行 --> |Paper||[[file:Item 58.png]]||Sale, Produce||200||2||0.5 |- <!-- 第24行 --> |Oiled Paper||[[file:Item 59.png]]||Sale, Produce||100||12||0.9 |- <!-- 第25行 --> |Iron Ingot||[[file:Item 60.png]]||Sale, Produce||200||3||0 |- <!-- 第26行 --> |Iron Plate||[[file:Item 61.png]]||Sale, Produce||200||4||0 |- <!-- 第27行 --> |Iron Rod||[[file:Item 62.png]]||Sale, Produce||200||3||0 |- <!-- 第28行 --> |Screw||[[file:Item 63.png]]||Sale, Produce||400||2||0 |- <!-- 第29行 --> |Iron Frame||[[file:Item 64.png]]||Sale, Produce||100||22||0 |- <!-- 第30行 --> |Reinforced Iron Plate||[[file:Item 65.png]]||Sale, Produce||200||15||0 |- <!-- 第31行 --> |Iron Tools||[[file:Item 66.png]]||Sale, Produce||100||17||0 |- <!-- 第32行 --> |Steel Core||[[file:Item 67.png]]||Sale, Produce||200||71||0 |- <!-- 第33行 --> |Copper Ingot||[[file:Item 68.png]]||Sale, Produce||200||3||0 |- <!-- 第34行 --> |Copper Plate||[[file:Item 69.png]]||Sale, Produce||200||4||0 |- <!-- 第35行 --> |Copper Cable||[[file:Item 70.png]]||Sale, Produce||200||3||0 |- <!-- 第36行 --> |Energy Module C||[[file:Item 71.png]]||Sale, Produce||100||24||0 |- <!-- 第37行 --> |Energy Module B||[[file:Item 72.png]]||Sale, Produce||100||84||0 |- <!-- 第38行 --> |Energy Module A||[[file:Item 73.png]]||Sale, Produce||100||2||0 |- <!-- 第39行 --> |Steel Ingot||[[file:Item 74.png]]||Sale, Produce||200||5||0 |- <!-- 第40行 --> |Steel Pipe||[[file:Item 75.png]]||Sale, Produce||200||11||0 |- <!-- 第41行 --> |Steel Plate||[[file:Item 76.png]]||Sale, Produce||200||8||0 |- <!-- 第42行 --> |Industrial Structure||[[file:Item 77.png]]||Sale, Produce||100||268||0 |- <!-- 第43行 --> |Reinforced Concrete||[[file:Item 78.png]]||Sale, Produce||200||28||0 |- <!-- 第44行 --> |Electric Motor||[[file:Item 79.png]]||Sale, Produce||100||504||0 |- <!-- 第45行 --> |Mechanical Core||[[file:Item 81.png]]||Sale, Produce||100||2||0 |- <!-- 第46行 --> |Liquor||[[file:Item 82.png]]||Sale, Produce||200||5||0 |- <!-- 第47行 --> |Cooking Oil||[[file:Item 83.png]]||Sale, Produce||200||5||0 |- <!-- 第48行 --> |Liquor精||[[file:Item 84.png]]||Sale, Produce||200||16||0 |- <!-- 第49行 --> |Rotor||[[file:Item 90.png]]||Sale, Produce||80||65||0 |- <!-- 第50行 --> |Stator||[[file:Item 91.png]]||Sale, Produce||80||60||0 |- <!-- 第51行 --> |Chip||[[file:Item 92.png]]||Sale, Produce||150||119||0 |- <!-- 第52行 --> |Controller||[[file:Item 93.png]]||Sale, Produce||100||248||0 |- <!-- 第53行 --> |Advanced Tools||[[file:Item 94.png]]||Sale, Produce||100||890||0 |- <!-- 第54行 --> |Plastic||[[file:Item 95.png]]||Sale, Produce||200||6||0 |- <!-- 第55行 --> |Rubber||[[file:Item 96.png]]||Sale, Produce||200||6||0 |- <!-- 第56行 --> |Circuit Board||[[file:Item 97.png]]||Sale, Produce||100||454||0 |- <!-- 第57行 --> |Large Computer||[[file:Item 98.png]]||Sale, Produce||100||1277||0 |- <!-- 第58行 --> |Fuel Bar||[[file:Item 120.png]]||Sale, Fuel||200||3||24 |- <!-- 第59行 --> |Fuel Energy Cube||[[file:Item 121.png]]||Electricity Generation||100||10||30 |- <!-- 第60行 --> |High-performance Flooring||[[file:Item 122.png]]||Machine Material||200||72||0 |- <!-- 第61行 --> |Packaged Oil||[[file:Item 200.png]]||Produce||200||0||0 |- <!-- 第62行 --> |Organic Energy Block||[[file:Item 205.png]]||Produce||200||0||15 |- <!-- 第63行 --> |Superalloy||[[file:Item 210.png]]||Sale, Produce||300||5||0 |- <!-- 第64行 --> |Radiator||[[file:Item 215.png]]||Sale, Produce||100||9||0 |- <!-- 第65行 --> |Space Structure||[[file:Item 220.png]]||Rocket Material||200||0||0 |- <!-- 第66行 --> |Space Fuel||[[file:Item 221.png]]||Rocket Material||200||0||0 |- <!-- 第67行 --> |Space Engine||[[file:Item 222.png]]||Rocket Material||50||0||0 |- <!-- 第68行 --> |Arrow||[[file:Item 600.png]]||Base Damage: 175||600||3||0 |- <!-- 第69行 --> |Strong Arrow||[[file:Item 601.png]]||Base Damage: 850||600||3||0 |- <!-- 第70行 --> |Frost Arrow||[[file:Item 602.png]]||Base Damage: 335 Enemy slowed||600||3||0 |- <!-- 第71行 --> |Shell||[[file:Item 650.png]]||Base Damage: 70||600||3||0 |- <!-- 第72行 --> |Strong Shell||[[file:Item 651.png]]||Base Damage: 240||600||3||0 |- <!-- 第73行 --> |Frost Shell||[[file:Item 652.png]]||Base Damage: 135 Enemy slowed||600||3||0 |- <!-- 第74行 --> |Repair Pack||[[file:Item 680.png]]||Base Repair Amount: 125||300||3||0 |- <!-- 第75行 --> |Advanced Repair Pack||[[file:Item 681.png]]||Base Repair Amount: 450||300||3||0 |- <!-- 第76行 --> |Antibiotic||[[file:Item 800.png]]||Mission Item, Medicine Restore 10% HP and 10% MP.||10||51||0 |- <!-- 第77行 --> |Delicate Leather||[[file:Item 950.png]]||Sale, Produce||100||48||0 |- <!-- 第78行 --> |Delicate Thread||[[file:Item 951.png]]||Sale, Produce||100||28||0 |- <!-- 第79行 --> |Oracle Stone||[[file:Item 980.png]]||Rocket Material||20||60||0 |- <!-- 第80行 --> |RM Shield||[[file:Item 981.png]]||Passive, Consumable||30||0||0 |- <!-- 第81行 --> |Building Capsule||[[file:Item 990.png]]||Rocket Material||300||1||0 |} </div> </div> </div> </div> </div> 3fe5bac630fba9ad63cbb72dd4c684ecfa6ab765 10 105 446 445 2024-01-06T09:01:03Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|build|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> c93a32042102e278cbaedf744039ff239bdf06dd 447 446 2024-01-06T09:01:43Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Architect|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|lighthouse_1|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> e61b6122a2e076e48623e7b182e70086e6ed4763 448 447 2024-01-16T06:21:58Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Architect|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|characters-183_run|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|postStation|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> eab2cd3017c689a8a0c06451ee92c3a4e3231f37 449 448 2024-01-17T04:16:54Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Architect|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|build_2205|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|postStation|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a24fe67b0ae8a2ae813147f626c70e3943e3147b 0 8 12 2024-01-06T09:04:05Z 397790636 415399 创建页面，内容为“<div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">production</span></li> <li class="bili-list-style"><span class="tab-panel">material flow</span></li> <li class="bili-list-style"><span class="tab-panel">energy</span></li> <li class="bili-list-style"><span class="tab-panel">storage</span></li> <li class="bili-list-style"><span class="tab-pan…” wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">production</span></li> <li class="bili-list-style"><span class="tab-panel">material flow</span></li> <li class="bili-list-style"><span class="tab-panel">energy</span></li> <li class="bili-list-style"><span class="tab-panel">storage</span></li> <li class="bili-list-style"><span class="tab-panel">build</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--production--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!电力 |- <!-- 第1行 --> |Constructor||Used to automatically produce basic products, coal can be manually added as energy, and it can be connected to power grid.||Power Consumption 4kw / s||Technology||[[File:build_50.png]]||Iron Ingot*5，Copper Ingot*5，Aggregate*10||-4 |- <!-- 第2行 --> |Assembler||Used to automatically produce refined products, connected to electricity as an energy source.||Power Consumption 18kw / s||Technology||[[File:build_51.png]]||Reinforced Iron Plate*3，Primary Tools*5，Stone Brick*10||-18 |- <!-- 第3行 --> |Manufacturer||Used to automatically produce advanced products, connected to electricity as an energy source.||Power Consumption 64kw / s||Technology||[[File:build_52.png]]||Steel Core*5，Reinforced Brick*10，Stator*5||-64 |- <!-- 第4行 --> |Furnace||Used to smelt ores, manually add materials and fuel.||||beginning learn||[[File:build_54.png]]||Wood*5，Stone*10||0 |- <!-- 第5行 --> |Smelter||Used to automatically forge or extract various synthetic materials, needs to be connected to electricity as an energy source.||Power Consumption5kw / s||Technology||[[File:build_55.png]]||Iron Plate*10，Stone Brick*10||-5 |- <!-- 第6行 --> |Foundry||A machine that can recast two types of materials, powered by electricity.||Power Consumption16kw / s||Oracle Temple Repair||[[File:build_56.png]]||Iron Core*1，Iron Frame*5，Copper Cable*20||-16 |- <!-- 第7行 --> |Core Charger||Used to make various energy cores, coal can be manually added as an energy source, or it can be connected to electricity as an energy source.||Power Consumption20kw / s||Oracle Temple Repair||[[File:build_60.png]]||Iron Frame*5，Wooden Frame*5，Primary Tools*10||-20 |- <!-- 第8行 --> |Crystalizer||Directly generates I-Crystal using materials.||Power Consumption18kw / s||Oracle Temple Repair||[[File:build_61.png]]||Primary Tools*5，Reinforced Iron Plate*10||-18 |- <!-- 第9行 --> |Grain Processor||Can process grain into liquors or cooking oil.||Power Consumption8kw / s||Technology||[[File:build_62.png]]||Primary Tools*2，Copper Plate*5，Screw*50||-8 |- <!-- 第10行 --> |Auto Gatherer||When powered and supplied with water, it can automatically gather.||Power Consumption120kw / s||Technology||[[File:build_63.png]]||Large Computer*2，Advanced Tools*20||-120 |- <!-- 第11行 --> |Workbench||Used to make various primary products.||Manual production||beginning learn||[[File:build_100.png]]||Wood*5||0 |- <!-- 第12行 --> |Craft Room||Used to make various advanced products.||Manual production||Technology||[[File:build_101.png]]||Iron Frame*10，Copper Cable*50，Reinforced Wooden Plate*5||0 |- <!-- 第13行 --> |Refinery||Can refine crude oil into packaged industrial oil.||Power Consumption30kw / s||Oracle Temple Repair||[[File:build_110.png]]||Electric Motor*5，Chip*10，Advanced Tools*5||-30 |- <!-- 第14行 --> |Building Capsule Machine||When connected to electricity, it will automatically produce building capsules.||Power Consumption42kW/s||Technology||[[File:build_64.png]]||Building Capsule*20，Iron Tools*10||-42 |- <!-- 第15行 --> |Organic Refiner||Machines for extracting energy from organic matter||Power Consumption50kW/s||Technology||[[File:build_65.png]]||Large Computer*5，Rubber*20，Advanced Tools*5||-50 |} </div> <div class="resp-tab-content" style="display:none"><!--material flow--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!电力 |- <!-- 第1行 --> |Transport Belt||A basic transport belt used to transport items in the logistic network.||Belt Speed: 1 item/s||Technology||[[File:build_20.png]]||Wooden Plate*1，Wooden Rod*2，||0 |- <!-- 第2行 --> |Fast Transport Belt||A fast transport belt used to transport items in the logistic network.||Belt Speed: 2 items/s||Technology||[[File:build_21.png]]||Reinforced Iron Plate*1，Iron Rod*2||0 |- <!-- 第3行 --> |Express Transport Belt||A express transport belt used to transport items in the logistic network.||Belt Speed: 4 items/s||Technology||[[File:build_22.png]]||Steel Plate*2，Steel Pipe*1||0 |- <!-- 第4行 --> |Hyperfast Transport Belt||A hyper fast transport belt used to transport items in the logistic network.||Belt Speed: 8 items/s||Technology||[[File:build_23.png]]||Chip*1，Reinforced Concrete*6||0 |- <!-- 第5行 --> |Underground Belt||A basic underground belt that can transport items underground.||Belt Speed: 1 item/s||Technology||[[File:build_30.png]]||Wooden Plate*4，Wooden Rod*6||0 |- <!-- 第6行 --> |Fast Underground Belt||A fast underground belt that can transport items underground.||Belt Speed: 2 items/s||Technology||[[File:build_31.png]]||Reinforced Iron Plate*4，Iron Rod*6||0 |- <!-- 第7行 --> |Express Underground Belt||A express underground belt that can transport items underground.||Belt Speed: 4 items/s||Technology||[[File:build_32.png]]||Steel Plate*1，Steel Pipe*2||0 |- <!-- 第8行 --> |Hyperfast Underground Belt||||Belt Speed: 8 items/s||Technology||[[File:build_33.png]]||Chip*2，Reinforced Concrete*8||0 |- <!-- 第9行 --> |Splitter||Splitter can divide 1 logistic line into 3. Splitter cannot connect with other splitters and mergers, and can only connect with 1 chest.||1 input, 3 outputs||Technology||[[File:build_40.png]]||Iron Plate*3，Copper Cable*4||0 |- <!-- 第10行 --> |Merger||Merger can merge up to 3 logistic lines into 1. Mergers cannot connect with other mergers and splitters, and can only connect with one chest.||3 inputs, 1 output||Technology||[[File:build_41.png]]||Copper Plate*3，Iron Rod*2||0 |- <!-- 第11行 --> |Smart Splitter||Smart Splitter can divide 1 logistic line into 3 and can set specific sorting rules for items.||1 input, 3 outputs||Technology||[[File:build_42.png]]||Steel Plate*4，Energy Module C*1||0 |- <!-- 第12行 --> |Inter-area Sending Depot||Used to send items between different lands.||Power Consumption: 45kW||Oracle Temple Repair||[[File:build_452.png]]||Industrial Structure*5，Steel Core*5||-45 |- <!-- 第13行 --> |Inter-area Receiving Depot||Can receive items sent from an [Inter-area Sending Depot].||Power Consumption: 25kW||Oracle Temple Repair||[[File:build_453.png]]||Industrial Structure*5，Stator*10||-25 |- <!-- 第14行 --> |Overflow Splitter (Left)||It discharges from the secondary outlet when the main one is overflowing, and cannot directly connect to chest and machine. Outlet can only connect to transport belt.||1 input, 2 outputs||Technology||[[File:build_44.png]]||Wooden Frame*2，Screw*5||0 |- <!-- 第15行 --> |Overflow Splitter (Right)||It discharges from the secondary outlet when the main one is overflowing, and cannot directly connect to chest and machine. Outlet can only connect to transport belt.||1 input, 2 outputs||Technology||[[File:build_45.png]]||Wooden Frame*2，Screw*5||0 |} </div> <div class="resp-tab-content" style="display:none"><!--energy--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!power!!water |- <!-- 第1行 --> |Small Coal Generator||Manual addition of coal is required for the small power generator.||Generates: 24kW||Technology||[[File:build_199.png]]||Iron Plate*10，Copper Cable*20，Iron Rod*5||24||0 |- <!-- 第2行 --> |Coal Generator||Widely used power generation device, uses fuel to turn water into steam to generate electricity.||Generates: 65kW||Technology||[[File:build_201.png]]||Iron Frame*8，Primary Tools*20，Copper Cable*30||65||-20 |- <!-- 第3行 --> |Solar Power Panel||Converts solar energy into electric energy, consumes no resources, limited power generation per panel, works better when combined with accumulator.||Maximum Power Generation: 12kW/panel||Technology||[[File:build_202.png]]||Glass*20，Rotor*5，Iron Frame*5||12||0 |- <!-- 第4行 --> |Fuel Generator||Generates electricity by burning oil||Generates: 550kW||Oracle Temple Repair||[[File:build_203.png]]||Industrial Structure*10，Electric Motor*5，Advanced Tools*8||550||0 |- <!-- 第5行 --> |Accumulator||Stores a certain amount of electric energy, can release electric energy when the power generation devices are not working.||Stores: 10MJ||Technology||[[File:build_220.png]]||Iron Frame*10，Stator*10||0||0 |- <!-- 第6行 --> |Wire||Commonly used to connect power generators and devices||Transmits electricity||Technology||[[File:build_250.png]]||Copper Cable*2||0||0 |- <!-- 第7行 --> |Inter-area Power Provider||It does not require the use of wires to transmit power from different factories to the Inter-area Power Receiver.||Power Consumption30kw / s||Oracle Temple Repair||[[File:build_260.png]]||Industrial Structure*5，Stator*10，Steel Core*3||-30||0 |- <!-- 第8行 --> |Inter-area Power Receiver||It can receive power transmitted by the Inter-area Power Provider.||Receive cross-domain power||Oracle Temple Repair||[[File:build_261.png]]||Industrial Structure*2，Stator*15，Steel Core*5||0||0 |- <!-- 第9行 --> |Water Pump||It should be built on the water surface to extract water. It is highly recommended to have independent power supply to avoid the shutdown in case of power outage.||Water Extraction: 60L||Technology||[[File:build_300.png]]||Copper Plate*10，Screw*60||-12||60 |- <!-- 第10行 --> |Pumpjack||It can extract crude oil from the crude oil field.||Crude Oil Extraction: 30L||Oracle Temple Repair||[[File:build_301.png]]||Industrial Structure*10，Advanced Tools*5，Electric Motor*10||-45||30 |- <!-- 第11行 --> |Liquid Pipeline||It is used to connect liquid outlets and inlets.||Liquid transmission||Technology||[[File:build_320.png]]||Copper Plate*2，Iron Plate*2||0||0 |} </div> <div class="resp-tab-content" style="display:none"><!--storage--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials |- <!-- 第1行 --> |Wooden Chest||A small wooden chest used for storing items, cannot be merged into the logistics network.||Storage Size: 32||beginning learn||[[File:build_1.png]]||Lumber*5 |- <!-- 第2行 --> |Storage Chest||A chest used for storing items, can be merged into the logistics network, with 1 output and 1 input.||Storage Size: 54||Technology||[[File:build_2.png]]||Lumber*5，Aggregate*3 |- <!-- 第3行 --> |Auto Shipping Chest||A chest used for selling items, can be merged into the logistics network, with 1 input.||Available from 7:00 to 23:00||Technology||[[File:build_3.png]]||Lumber*2，Copper Ingot*5 |- <!-- 第4行 --> |Auto Supplying Chest||Used to receive daily supplies from resource sites, can be merged into the logistics network, with 1 output.||Storage Size: 56||Technology||[[File:build_4.png]]||Lumber*3，Iron Ingot*5 |- <!-- 第5行 --> |Shipping Chest||A chest used for shipping items.||出货箱8:00~22:00开放||Technology||[[File:build_5.png]]||Lumber*15 |- <!-- 第6行 --> |Large Supplying Chest||Used to receive daily supplies from resource sites, can be merged into the logistics network, with 2 output.||Storage Size: 120||Technology||[[File:build_6.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate*10 |- <!-- 第7行 --> |Iron Chest||A iron chest used for storing items, cannot be merged into the logistics network||Storage Size: 64||Technology||[[File:build_7.png]]||Iron Frame*2，Reinforced Iron Plate*2 |- <!-- 第8行 --> |Large Storage Chest||A chest used for storing items, can be merged into the logistics network, with 2 output and 2 input.||Storage Size: 120||Technology||[[File:build_8.png]]||Iron Frame*2，Reinforced Iron Plate*2 |- <!-- 第9行 --> |Network Storage (with input)||A network chest used for storing items, when built, the items inside can be directly accessed, more chests built for more storage space.||Each one adds 24 storage slots||Technology||[[File:build_10.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate10 |- <!-- 第10行 --> |Network Storage (without input)||Each one adds 24 storage slots||Each one adds 24 storage slots||Technology||[[File:build_11.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate10 |- <!-- 第11行 --> |Network Pickup Box||Can receive items from the network storage, with an item output.||Power Consumption/24kW||Technology||[[File:build_12.png]]||Large Computer*1，Organic Energy Block*10 |} </div> <div class="resp-tab-content" style="display:none"><!--build--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!power!!water |- <!-- 第1行 --> |Mini Satellite||Used to scale the workshop view, and the more you build, the higher the zoom rate. The maximum effective upper limit is 10.||Power Consumption: 48kW||Oracle Temple Repair||[[File:build_130.png]]||Glass*20，Steel Core*5，Rotor*10||-64||0 |- <!-- 第2行 --> |Stone Wall||Wall constructed with stone, and upgrading the beast tide building's blood volume can increase its durability by 150 points.||Base Durability: 800||Technology||[[File:build_400.png]]||Stone Brick*10||0||0 |- <!-- 第3行 --> |Steel Wall||Steel wall, and upgrading the beast tide building's blood volume can increase its durability by 200 points.||Base Durability: 1400||Technology||[[File:build_401.png]]||Reinforced Brick*10，Steel Plate*5||1||1 |- <!-- 第4行 --> |Strong Steel Wall||Reinforced steel wall, and upgrading the beast tide building's blood volume can increase its durability by 280 points.||Base Durability: 2200||Technology||[[File:build_402.png]]||Industrial Structure*3，Iron Tools*5||2||2 |- <!-- 第5行 --> |Sign||A guide sign that can be customized with icon and text.||Can be customized with icon and text.||Technology||[[File:build_410.png]]||Reinforced Wooden Plate*1，Wooden Frame*1||0||0 |- <!-- 第6行 --> |Wooden Gate||A short gate constructed using wood.||Durability: 300||Technology||[[File:build_430.png]]||Wooden Plate*5，Wooden Rod*5||0||0 |- <!-- 第7行 --> |Teleport Pad||Requires two or more in the same land, allows for quick transportation.||Power Consumption: 24kW||Oracle Temple Repair||[[File:build_450.png]]||Iron Tools*5，Iron Core*2，Iron Core*10||-24||0 |- <!-- 第8行 --> |Inter-area Teleporter||Enables fast movement between different lands.||Power Consumption: 75kW||Oracle Temple Repair||[[File:build_451.png]]||Chip*3，Advanced Tools*3，Controller*2||-75||0 |- <!-- 第9行 --> |Floor Dismantle||Used to dismantle constructed floors.||Floor Dismantle||Oracle Temple Repair||[[File:build_459.png]]||||0||0 |- <!-- 第10行 --> |Stone Floor||Slightly increases movement speed.||Base Speed +20%||Oracle Temple Repair||[[File:build_460.png]]||Stone Brick*5||0||0 |- <!-- 第11行 --> |High-Speed Floor||Increases movement speed.||Base Speed +35%||Technology||[[File:build_461.png]]||Reinforced Brick*8||0||0 |- <!-- 第12行 --> |High-Performance Floor||Increases movement speed.||Base Speed +60%||Technology||[[File:build_462.png]]||High-performance Flooring*4||0||0 |- <!-- 第13行 --> |Small Floor Lamp||Small lamp that illuminates the surrounding area at night.||Power Consumption: 2kW||Technology||[[File:build_480.png]]||Copper Cable*2，Iron Plate*1||-2||0 |- <!-- 第14行 --> |Street Lamp||Lamp that illuminates the surrounding area at night.||Power Consumption: 10kW||Technology||[[File:build_481.png]]||Glass*10，Stator*2，Steel Pipe*5||-10||0 |- <!-- 第15行 --> |High Beam Tower||Substantially illuminates the surrounding area at night.||Power Consumption: 35kW||Technology||[[File:build_482.png]]||Controller*2，Circuit Board*1，Stator*10||-35||0 |- <!-- 第16行 --> |Changkong Lamp||Lights up the surrounding area without consuming power.||Power Consumption: 0kW||Xu Changkong 6 star||[[File:build_483.png]]||Glass*15，Wooden Frame*5，Oiled Paper*6||0||0 |- <!-- 第17行 --> |Light Wood Floor||Light-colored wooden floor.||Floor||Lin Shanshi sale||[[File:build_501.png]]||Wooden Plate*2||0||0 |- <!-- 第18行 --> |Dark Wood Floor||Dark-colored wooden floor.||Floor||Lin Shanshi sale||[[File:build_502.png]]||Wooden Plate*2||0||0 |- <!-- 第19行 --> |Brick Floor||Floor made of brick.||Floor||Lin Shanshi sale||[[File:build_503.png]]||Stone Brick*2||0||0 |- <!-- 第20行 --> |Metal Floor||Floor made of metal.||Floor||Global Village sale||[[File:build_504.png]]||Steel Plate*2||0||0 |- <!-- 第21行 --> |Floor made of metal.||Tower that can shoot arrow-shaped projectiles.||Compatible with arrows||Technology||[[File:build_600.png]]||Reinforced Concrete*20，Iron Tools*10||0||0 |- <!-- 第22行 --> |Turret||Turret that can shoot cannonball-shaped shells.||Compatible with shells||Technology||[[File:build_605.png]]||Reinforced Brick*20，Steel Plate*20||0||0 |- <!-- 第23行 --> |Healing Tower||Tower that can repair nearby buildings.||Compatible with repair packs||Technology||[[File:build_610.png]]||Steel Core*10，Industrial Structure*10||0||0 |- <!-- 第24行 --> |Spiked Fence||The attacker will take 80% damage, and upgrading the beast tide building's blood volume can increase its durability by 180 points.||Durability: 600||Technology||[[File:build_650.png]]||Reinforced Wooden Plate*10，Arrow*10||0||0 |- <!-- 第25行 --> |Rocket Silo||Necessary device for launching rockets||||Oracle Temple Repair||[[File:build_900.png]]||Mechanical Core*100，Large Computer*100，Advanced Tools*200，Superalloy500||0||0 |} </div> </div> </div> </div> </div> 14f0cf178f241b48db4edfa05bee93fda40dfbd9 0 62 204 203 2024-01-07T01:24:28Z 397790636 415399 wikitext text/x-wiki =Mode= There are currently six modes in the workshop building: ===regular mode:=== logistics mode, power mode, water conservancy mode, construction mode, and recipe mode. ===Regular Mode:=== Under this mode, we can build and demolish all buildings except wires and pipes normally. ===Logistics Mode:=== After this mode is enabled, you can see the entrances and exits of all buildings, as well as conveyor belts, and in this mode, only conveyor belts and underground conveyor belts can be demolished. ===Power Mode:=== After this mode is enabled, the power grid becomes a highlighted mode, and you can see the power required by all buildings that require electricity, and the total power of the power grid. In this mode, only wires can be demolished. Grid power generation > power consumption, the battery starts to charge, and power generation < power consumption, the battery starts to discharge. ===Electrical Cross-Zone Mode Description:=== After the technology of Oracle Temple T5 Node 1, we can transmit power across zones in the distributed workshop. The rules for cross-zone power transmission are as follows: 1,The power transmission end is named the parent grid A, and the power receiving end is the child grid, named B. 2,Once it is determined that the child grid is a child grid, it cannot transmit power to the lower level (because if a construction of A->B->A is created, it will cause a infinite recursion and the program will deadlock. Therefore, only nested child grids are disabled). 3,If the power generation of the child grid is greater than the power consumption, it will no longer use the power from the parent grid. 4,Support A->B, C, but not A->B->C (the same reason as 2, because players may create A->B->C->A to form an infinite recursion). 5,The child grid can only have one parent grid. ===Water Conservancy Mode:=== After this mode is enabled, the pipelines become a highlighted mode, and you can see the liquid required by all buildings that require liquid, and in this mode, only pipes can be demolished. ===Construction Mode:=== F5 turns on this mode, which stops the flow of time, and all machinery stops operating to lay out the production line. However, you cannot use the production bench, production room, and mini-satellite. Recipe Mode: F4 turns on this mode, and the buildings will display the items currently being produced. 3c99cb3bccc1c8e3447903d7082eac172fedf860 10 107 458 2024-01-07T17:04:54Z 107654333 415400 创建页面，内容为“{{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|b…” wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 0a32185cc91a33f2ae3b9f8f9aaa988933185e5a 459 458 2024-01-07T17:08:01Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6d8328c784eafd55bfd6e1d495482931a54798b8 460 459 2024-01-16T10:08:19Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|キャラクター|宽度=20}} {{板块|图标|mouse_b|操作|宽度=20}} {{板块|图标|weather_3|時間|宽度=20}} {{板块|图标|testBagIcon|一時的なバッグ|宽度=20}} {{板块|图标|work_0|建設|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山頂|宽度=20}} {{板块|图标|characters-309_stand|江城埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白頭村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 8f9f9ba7b01db14f576436c9bfe555ca17f855c3 461 460 2024-01-16T10:17:00Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山頂|宽度=20}} {{板块|图标|characters-309_stand|江城埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白頭村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> efc726e505b2bbf460928c92186fd1ac132dc6c7 462 461 2024-01-16T10:34:31Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|燃え灯塔|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 355826fefea0f50a030a5c9460bc2b9b43fa2dce 463 462 2024-01-16T10:37:26Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> e85968426096f884bc761c8236ddf56534a436f4 464 463 2024-01-16T10:40:44Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術の書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> fca73af71793675c6a227da982c12ff988c9df56 465 464 2024-01-16T10:41:35Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散型の工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術の書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 6899e1c8be44ee0279680c9bc5e27ea154ddae03 466 465 2024-01-16T10:42:55Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|展示館|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房の建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散型の工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術の書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城の商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 35e6bf70e1f7436b06d6bc48c9ac5fb990cdb6b1 467 466 2024-01-16T10:44:54Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|資料庫|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房の建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散型の工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術の書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城の商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 8b5f9f95d77ce70acb73f170d9e3d23481289999 10 106 451 2024-01-07T17:06:06Z 107654333 415400 创建页面，内容为“{{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">File:wiki6.p…” wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d0cbdb9ec958d3094ff41668df46d4bc2cfe8e30 452 451 2024-01-07T17:07:44Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ea39dd726f9b44be1d0bf966cb1b2e2e5b8a3239 453 452 2024-01-07T17:09:00Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> cdc76d2ed54ebb5c0b7dfdb83c59c1a4135a6464 454 453 2024-01-16T09:36:54Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_jp.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3_jp.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4_jp.png|120px|center|link=NPC]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 266f7e96934234dfa3694866a79f32184ab3c7c6 455 454 2024-01-16T09:39:41Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_jp.png|120px|center|link=武術の技法]]</div> <div class="box-icon">[[File:wiki3_jp.png|120px|center|link=江城の概要]]</div> <div class="box-icon">[[File:wiki4_jp.png|120px|center|link=キャラクター紹介]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ef569197e36c5e7b6fd68a5b971ce6ab0363f16a 456 455 2024-01-16T10:40:05Z 107654333 415400 wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_jp.png|120px|center|link=武術の書籍]]</div> <div class="box-icon">[[File:wiki3_jp.png|120px|center|link=江城の概要]]</div> <div class="box-icon">[[File:wiki4_jp.png|120px|center|link=キャラクター紹介]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 2beec4675425b9f289905697b1ddf8b0cb42a769 10 102 385 384 2024-01-16T06:19:00Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|tide|驿站|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 1285b347df87ea304ff8fc39f30a77e9eea1830a 386 385 2024-01-16T06:21:33Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|postStation|驿站|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> ab971ce571e85a891a621eb474b5e0152224fb59 387 386 2024-01-17T04:16:25Z 397790636 415399 wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|build_2205|江城郊外|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|postStation|驿站|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 8edacebd70cf7f26e3912a5c6ac89442237e0b35 0 88 309 2024-01-16T07:54:37Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!coord |- <!-- 第1行 --> |Cyclamen Station |rowspan=4 colspan=1|[[file:postStation.png]] |41，33 |- <!-- 第2行 --> |Rivulet Station||139，83 |- <!-- 第3行 --> |Icelake Station||24，71 |- <!-- 第4行 --> |Canyon Station||137，161 |} </div> </div> </div> </div> </div>” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!coord |- <!-- 第1行 --> |Cyclamen Station |rowspan=4 colspan=1|[[file:postStation.png]] |41，33 |- <!-- 第2行 --> |Rivulet Station||139，83 |- <!-- 第3行 --> |Icelake Station||24，71 |- <!-- 第4行 --> |Canyon Station||137，161 |} </div> </div> </div> </div> </div> bd4e31803729de9f1eabed1a8d711de8fb011a18 0 26 86 85 2024-01-16T08:41:43Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 619a1d19cd086aeea2d73ca4dbb23adc89ccb2af 87 86 2024-01-16T10:24:48Z 107654333 415400 wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4e5469acfd844f67f55503bb5f9810f877781893 0 34 108 107 2024-01-17T03:36:11Z 397790636 415399 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet1</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!area |- <!-- 第1行 --> |Feather Grass||[[file:item_1000.png]]||JiAn Clinic north，River Town Guild South，Snowshine Academy，River Town Suburbs，River Town Hilltop，Harvest Village |- <!-- 第2行 --> |Spring Leaf||[[file:item_1001.png]]||JiAn Clinic north(spring and summer)，River Town Guild South(spring and summer)，Snowshine Academy(spring and summer)，River Town Suburbs（spring），River Town Hilltop（spring）,Suburban Hilltop(spring and summer)，Xiao`s Villa（spring and summer），Heart Cliff（spring and summer） |- <!-- 第3行 --> |Firethorn||[[file:item_1005.png]]||JiAn Clinic north（autumn），River Town Guild South（autumn），Snowshine Academy（autumn），River Town Suburbs（Autumn and summer），Suburban Hilltop（Autumn and summer），Xiao`s Villa（Autumn and summer），Heart Cliff（Autumn and summer） |- <!-- 第4行 --> |Wild Harpflower||[[file:item_1002.png]]||River Town Suburbs，River Town Hilltop，Harvest Village |- <!-- 第5行 --> |Lantern Harebell||[[file:item_1004.png]]||Suburban Hilltop， |- <!-- 第6行 --> |Fennel Ginseng||[[file:item_1003.png]]||Xiao`s Villa，Heart Cliff |- <!-- 第7行 --> |Vegetables（task）||[[file:item_2010.png]]||Harvest Village |- <!-- 第8行 --> |fish||[[file:item_2016.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |- <!-- 第9行 --> |Seafood||[[file:item_2015.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |- <!-- 第10行 --> |Egg||[[file:item_2000.png]]||River Town Hilltop，Suburban Hilltop，Xiao`s Villa，Heart Cliff，Harvest Village |- <!-- 第11行 --> |Trash||[[file:item_2017.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |} </div> </div> </div> </div> </div> 085a7b3838991d1d8d517eaac200c5aa479a926b 0 64 211 2024-01-17T04:41:09Z 397790636 415399 创建页面，内容为“The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability).” wikitext text/x-wiki The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability). 3d4a84f478e827113012ce09d7b003dad56b1ce0 212 211 2024-01-17T04:41:37Z 397790636 415399 wikitext text/x-wiki =Mountain Road= The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability). b4c23d14db0caa359012d866c801b927288acbf6 0 73 270 269 2024-01-17T04:45:55Z 397790636 415399 wikitext text/x-wiki =RT Suburbs= Located on the west side of River town, with access to Mountain Road, there are 3 collection points and a cave (no forest, Adam plot mission) 548169669b664e4b1c23082e7e9be939c5e6f7b5 271 270 2024-01-17T04:48:01Z 397790636 415399 wikitext text/x-wiki =RT Suburbs= Located on the west side of River town, with access to Mountain Road, there are 3 collection points and a cave (the caves are related to the plot of Tan favorability) a70798c7922743a334e9e2b83378f4b5b50a835b 0 10 16 2024-01-17T04:54:40Z 397790636 415399 创建页面，内容为“=Beast Tide= ===Unlock and entry method=== Unlock the mode by repairing the second node of T4 , and a beast tide area will appear at the gate of River Town on the big map. ===Gameplay=== The Beast Tide map can be accessed at any time. On non-Beast Tide days, before the Beast Tide arrives and after each round of attack, defensive fortifications can be built. Defensive fortifications are unlocked in Oracle Temple. ===NPC Xiaoji=== Xiaoji position is at the…” wikitext text/x-wiki =Beast Tide= ===Unlock and entry method=== Unlock the mode by repairing the second node of T4 , and a beast tide area will appear at the gate of River Town on the big map. ===Gameplay=== The Beast Tide map can be accessed at any time. On non-Beast Tide days, before the Beast Tide arrives and after each round of attack, defensive fortifications can be built. Defensive fortifications are unlocked in Oracle Temple. ===NPC Xiaoji=== Xiaoji position is at the gate of River Town in the Beast Tide map, and some settings related to the Beast Tide can be made. ===Beast Soul=== UpgradeAfter successfully defending against an enemy attack, you will obtain Beast Souls, which can be upgraded at Xiaoji's location. ===Reset Beast Soul Points=== Spend 8000 gold coins to reset all Beast Soul points. ===Beast Tide Acceleration=== Spend 2000 gold coins to advance the Beast Tide to arrive the next day. 6c4466933eca823d419f5cbde1ae4371a388a029 17 16 2024-01-17T04:56:20Z 397790636 415399 wikitext text/x-wiki =Beast Tide= ===Unlock and entry method=== Unlock the mode by repairing the second node of T4 , and a beast tide area will appear at the gate of River Town on the big map. [[File:90_1_en.jpg|thumb|none]] ===Gameplay=== The Beast Tide map can be accessed at any time. On non-Beast Tide days, before the Beast Tide arrives and after each round of attack, defensive fortifications can be built. [[File:90_3_en.jpg|thumb|none]] Defensive fortifications are unlocked in Oracle Temple. [[File:90_2_en.jpg|thumb|none]] ===NPC Xiaoji=== Xiaoji position is at the gate of River Town in the Beast Tide map, and some settings related to the Beast Tide can be made. [[File:90_5_en.jpg|thumb|none]] ===Beast Soul=== UpgradeAfter successfully defending against an enemy attack, you will obtain Beast Souls, which can be upgraded at Xiaoji's location. ===Reset Beast Soul Points=== Spend 8000 gold coins to reset all Beast Soul points. ===Beast Tide Acceleration=== Spend 2000 gold coins to advance the Beast Tide to arrive the next day. cd2731de97778e289505259a2439c7aab581c269 0 10 18 17 2024-01-17T05:04:45Z 397790636 415399 wikitext text/x-wiki =Beast Tide= ===Unlock and entry method=== Unlock the mode by repairing the second node of T4 , and a beast tide area will appear at the gate of River Town on the big map. [[File:90_1_en.jpg]] ===Gameplay=== The Beast Tide map can be accessed at any time. On non-Beast Tide days, before the Beast Tide arrives and after each round of attack, defensive fortifications can be built. [[File:90_3_en.jpg]] Defensive fortifications are unlocked in Oracle Temple. [[File:90_2_en.jpg]] ===NPC Xiaoji=== Xiaoji position is at the gate of River Town in the Beast Tide map, and some settings related to the Beast Tide can be made. [[File:90_5_en.jpg]] ===Beast Soul=== UpgradeAfter successfully defending against an enemy attack, you will obtain Beast Souls, which can be upgraded at Xiaoji's location. [[File:90_4_en.jpg]] ===Reset Beast Soul Points=== Spend 8000 gold coins to reset all Beast Soul points. ===Beast Tide Acceleration=== Spend 2000 gold coins to advance the Beast Tide to arrive the next day. 3455c771a403a5548c5eca4eb6651a3fed07949f 19 18 2024-02-15T04:30:28Z Pcj 1919 3 revisions imported wikitext text/x-wiki =Beast Tide= ===Unlock and entry method=== Unlock the mode by repairing the second node of T4 , and a beast tide area will appear at the gate of River Town on the big map. [[File:90_1_en.jpg]] ===Gameplay=== The Beast Tide map can be accessed at any time. On non-Beast Tide days, before the Beast Tide arrives and after each round of attack, defensive fortifications can be built. [[File:90_3_en.jpg]] Defensive fortifications are unlocked in Oracle Temple. [[File:90_2_en.jpg]] ===NPC Xiaoji=== Xiaoji position is at the gate of River Town in the Beast Tide map, and some settings related to the Beast Tide can be made. [[File:90_5_en.jpg]] ===Beast Soul=== UpgradeAfter successfully defending against an enemy attack, you will obtain Beast Souls, which can be upgraded at Xiaoji's location. [[File:90_4_en.jpg]] ===Reset Beast Soul Points=== Spend 8000 gold coins to reset all Beast Soul points. ===Beast Tide Acceleration=== Spend 2000 gold coins to advance the Beast Tide to arrive the next day. 3455c771a403a5548c5eca4eb6651a3fed07949f 0 78 285 2024-01-17T05:31:39Z 397790636 415399 创建页面，内容为“ {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Martial Arts!!type!!Skill description!!Effect description |- <!-- 第1行 --> |Basic Attack||[[file:skill_0.png]]||nothing||Main||Basic swordplay skill||have no special effects |- <!-- 第2行 --> |Tracking Sword||[[file:skill_1.png]]||Bamboo Breaking Swordplay||Special||Release 2 tracking swords from behind.||Damage per sword: \n[External × 2 + Attack × 2.5 + 10] |- <!-- 第3行…” wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Martial Arts!!type!!Skill description!!Effect description |- <!-- 第1行 --> |Basic Attack||[[file:skill_0.png]]||nothing||Main||Basic swordplay skill||have no special effects |- <!-- 第2行 --> |Tracking Sword||[[file:skill_1.png]]||Bamboo Breaking Swordplay||Special||Release 2 tracking swords from behind.||Damage per sword: \n[External × 2 + Attack × 2.5 + 10] |- <!-- 第3行 --> |Fish Wave||[[file:skill_2.png]]||Flowing Fish Blade||Special||Thrusts a wave forward that can pierce through enemies.||Damage: \n[Internal × 4 + Footwork × 5.5 + 8] |- <!-- 第4行 --> |Energy Drain||[[file:skill_3.png]] |rowspan=3 colspan=1|Solitary Village Swordplay |Main||After hitting an enemy with basic attack, you can restore MP.||Restored MP: \n[Internal ÷ 5 + 1] |- <!-- 第5行 --> |Shadow Sword lv1||[[file:skill_4.png]]||Special||Release 4 tracking swords from behind.||Damage per sword: \n[External × 1.6 + Attack × 1.5 + 15] |- <!-- 第6行 --> |Shadow Sword lv2||[[file:skill_4.png]]||Special||Release 6 tracking swords from behind.||Damage per sword: \n[External × 1.8 + Attack × 1.8 + 22] |- <!-- 第7行 --> |Risk Your Life||[[file:skill_5.png]] |rowspan=3 colspan=1|Defy Death Swordplay |Passive||Increases the probability of critical hits when attacking.||Increased Critical Hit Rate: \n[Luck x 0.6% + 3%], up to a maximum of 15% |- <!-- 第8行 --> |Bloody Slash lv1 |rowspan=2 colspan=1|[[file:skill_6.png]] |Special||Launch two small-range heavy slashes forward.||Damage per Slash: \n[External x 8 + Attack x 2.5 + 30] |- <!-- 第9行 --> |Bloody Slash lv2||Special||Launch two large-range heavy slashes forward.||Damage per Slash: \n[External x 8.5 + Attack x 3.5 + 45] |- <!-- 第10行 --> |Freeze||[[file:skill_7.png]] |rowspan=3 colspan=1|Residual Winter Swordplay |Passive||Gain invincibility Buff||Under invincibility buff, the character will not be knocked back and will not be displaced if hit by an enemy. |- <!-- 第11行 --> |Summon Giant Sword lv1 |rowspan=2 colspan=1|[[file:skill_8.png]] |Special||Summon a flying sword that can inflict multiple hits.||Damage per Hit: [Internal × 6 + Attack × 3 + 25] |- <!-- 第12行 --> |Summon Giant Sword lv2||Special||Summon a giant sword that can inflict multiple hits.||Damage per Hit: [Internal × 8.5 + Attack × 4.8 + 30] |- <!-- 第13行 --> |Sword in Music||[[file:skill_9.png]] |rowspan=3 colspan=1|Chord Swordplay |Main||Have a 10% chance to shoot out a sword that can pierce through enemies when attacking.||Damage:\n[External × 0.9 + Attack × 0.8 + 5] |- <!-- 第14行 --> |Nine Revolving String lv1 |rowspan=2 colspan=1|[[file:skill_10.png]] |Special||Summon 4 penetrating flying swords around the body for 3 seconds and then launch||Damage per sword:\n[External × 1.5 + Attack × 2.0 + 12] |- <!-- 第15行 --> |Nine Revolving String lv2||Special||Summon 6 penetrating flying swords around the body for 5 seconds and then launch||Damage per sword:\n[External × 1.6 + Attack × 2.4 + 18] |- <!-- 第16行 --> |Blood Rush||[[file:skill_11.png]] |rowspan=3 colspan=1|Star Stealing SwordDance |Main||After a basic attack hits an enemy, it can convert damage to its own HP||Conversion Ratio:\n[Tough × 0.6% + 5%] Up to 25% |- <!-- 第17行 --> |Sword Rain lv1 |rowspan=2 colspan=1|[[file:skill_12.png]] |Special||Generate a sword rain that lasts for 5 seconds and will drop at the selected location. ||Generate a sword rain that lasts for 5 seconds and will drop at the selected location. |- <!-- 第18行 --> |Sword Rain lv2||Special||Generate a large sword rain that lasts for 8 seconds and will drop at the selected location. ||Damage per sword: \n[Internal × 7.2 + Lightness × 6.4 + 37] |- <!-- 第19行 --> |Immaculate||[[file:skill_13.png]] |rowspan=3 colspan=1|Secular Palms |Passive||It has a certain immunity effect on all situations that cause damage||Ratio:\n[Lightness × 0.2% + Footwork × 0.1% + 4%] Up to 60% immunity |- <!-- 第20行 --> |Buddha's Descent lv1 |rowspan=2 colspan=1|[[file:skill_14.png]] |Special||Summon a meteorite to hit the ground and cause an explosion||Damage:\n[External × 12 + Attack × 10 + 120] |- <!-- 第21行 --> |Buddha's Descent lv2||Special||Summon a large meteorite to hit the ground and cause a big explosion||Damage:\n[External × 15 + Attack × 15 + 180] |- <!-- 第22行 --> |Rabbit's Escape||[[file:skill_15.png]] |rowspan=3 colspan=1|Fleet Rabbit Swordplay |Main||12% chance to add [Swift] Buff when attacking||Swift Effect: \nIncreases Attack Rate by 50% |- <!-- 第23行 --> |Rabbit's Fury lv1 |rowspan=2 colspan=1|[[file:skill_16.png]] |Special||Send forward 3 waves that can penetrate the enemy||Damage:\n[Internal × 6 + Footwork × 6 + 65] |- <!-- 第24行 --> |Rabbit's Fury lv2||Special||Send forward 5 waves that can penetrate the enemy||Damage:\n[Internal × 8 + Footwork × 7 + 88] |- <!-- 第25行 --> |Twin Blaze Swords||[[file:skill_17.png]] |rowspan=4 colspan=1|Blaze War Swordplay |Main||When attacking, there is a 10% chance to summon two swords with tracking effects||Damage per sword:\n[External × 0.6 + Attack × 0.7 + 3] |- <!-- 第26行 --> |Sword's Soul lv1 |rowspan=3 colspan=1|[[file:skill_18.png]] |Special||Shooting out a sword soul. The soul can summon 6 tracking sword per second, and the soul lasts for 3 seconds.||Damage per sword: \n[External × 1.5 + Attack × 0.8 + 10] |- <!-- 第27行 --> |Sword's Soul lv2||Special||Shooting out a sword soul. The soul can summon 8 tracking sword per second, and the soul lasts for 5 seconds.||Damage per sword: \n[External × 1.8 + Attack × 1.1 + 12] |- <!-- 第28行 --> |Sword's Soul lv3||Special||Shooting out a sword soul. The soul can summon 10 tracking sword per second, and the soul lasts for 8 seconds.||Damage per sword: \n[External × 2.1 + Attack × 1.3 + 15] |- <!-- 第29行 --> |Brave Faith||[[file:skill_20.png]] |rowspan=4 colspan=1|Eternal Palms |Main||15% chance to add [Brave] Buff during attack||Brave effect per layer: \nAttack + 5, Defense + 5\nMaximum 99 layers of Brave |- <!-- 第30行 --> |Empty Skandhas lv1 |rowspan=3 colspan=1|[[file:skill_19.png]] |Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 2 seconds.||Base explosion damage: \n[Internal × 6 + Attack × 3.8 + 30]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第31行 --> |Empty Skandhas lv2||Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 3 seconds.||Base explosion damage: \n[Internal × 7 + Attack × 4.5 + 40]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第32行 --> |Empty Skandhas lv3||Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 5 seconds.||Base explosion damage: \n[Internal × 8.2 + Attack × 5.6 + 50]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第33行 --> |Sword's Friend||[[file:skill_21.png]] |rowspan=4 colspan=1|Han Shan Swordplay |Main||10% chance to summon 4 swords to surround yourself for 1 second during attack||Sword Damage: \n[External × 0.7 + Attack × 0.7 + 6] |- <!-- 第34行 --> |Sudden Snow lv1 |rowspan=3 colspan=1|[[file:skill_22.png]] |Special||A sudden snow of sword, lasting 5 seconds, penetrate forward||Damage per sword: \n[External × 1.2 + Attack × 0.8 + 5] |- <!-- 第35行 --> |Sudden Snow lv2||Special||A sudden snow of sword, lasting 7 seconds, penetrate forward||Damage per sword: \n[External × 1.3 + Attack × 0.9 + 7] |- <!-- 第36行 --> |Sudden Snow lv3||Special||A sudden snow of sword, lasting 10 seconds, penetrate forward||Damage per sword: \n[External × 1.4 + Attack × 1.0 + 11] |- <!-- 第37行 --> |Hellfire||[[file:skill_23.png]] |rowspan=5 colspan=1|Nine Inferno Swordplay |Passive||Directly increases the damage caused by basic attack critical hits||Critical hit damage multiplier: \n[Luck × 8% + 150%] up to a maximum of 400% |- <!-- 第38行 --> |Sword of Hell lv1 |rowspan=4 colspan=1|[[file:skill_24.png]] |Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 4 tracking swords for 5 seconds||Damage per tracking sword: \n[External × 1.5 + Attack × 1.5 + 15] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第39行 --> |Sword of Hell lv2||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 4 tracking swords for 6 seconds||Damage per tracking sword: \n [External × 1.6 + Attack × 1.8 + 20] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第40行 --> |Sword of Hell lv3||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 5 tracking swords for 8 seconds||Damage per tracking sword: \n [External × 1.8 + Attack × 2.1 + 25] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第41行 --> |Sword of Hell lv4||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 6 tracking swords for 10 seconds||Damage per tracking sword: \n [External × 2.1 + Attack × 2.4 + 30] \nThe spreading wave damage is 2.5 times the tracking sword damage |} </div> </div> </div> </div> </div> 6be4524e2a3ab3af3364ce29f65bf77dea39d7a5 0 36 112 2024-01-17T05:47:19Z 397790636 415399 创建页面，内容为“=Grocery stall= There are three stalls in RIver Town, Cao Yunhui's grocery stall, Helian Changshan's Sunday special sale stall, and Sun Daoyi's fortune-telling stall.” wikitext text/x-wiki =Grocery stall= There are three stalls in RIver Town, Cao Yunhui's grocery stall, Helian Changshan's Sunday special sale stall, and Sun Daoyi's fortune-telling stall. d0370d12c4dc2dcc2a4426387ca55dbe82fe6d47 113 112 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki =Grocery stall= There are three stalls in RIver Town, Cao Yunhui's grocery stall, Helian Changshan's Sunday special sale stall, and Sun Daoyi's fortune-telling stall. d0370d12c4dc2dcc2a4426387ca55dbe82fe6d47 0 29 93 2024-01-17T05:58:30Z 397790636 415399 创建页面，内容为“=Festival= There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter.” wikitext text/x-wiki =Festival= There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter. e032a4df683f74618d6a3942b02cb57c152ef230 94 93 2024-01-17T06:10:20Z 397790636 415399 wikitext text/x-wiki =Festival= There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter. ===Flower Festival=== Notice:On the 10th day of spring, we will receive an invitation letter from Lin Shanshi inviting us to participate in tomorrow's Flower Festival. Spring 11th, 10:00-18:00 Venue: River Town Suburbs Pitch-pot game, there are four levels of difficulty, and to win the first place, you need to choose the highest difficulty and get more than 70 points. (The multiplier only matters for the prize tickets obtained, and the highest difficulty is the score required to pitch the pot.) 3d33d2db7af100fdd40baceec964907ac3d196cf 95 94 2024-01-17T06:17:14Z 397790636 415399 wikitext text/x-wiki =Festival= There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter. ===Flower Festival=== Notice:On the 10th day of spring, we will receive an invitation letter from Lin Shanshi inviting us to participate in tomorrow's Flower Festival. Spring 11th, 10:00-18:00 Venue: River Town Suburbs Pitch-pot game, there are four levels of difficulty, and to win the first place, you need to choose the highest difficulty and get more than 70 points. (The multiplier only matters for the prize tickets obtained, and the highest difficulty is the score required to pitch the pot.) ===Ghost Festival=== Notice: On the 25th day of summer, you will receive a letter from Xu Fuchun inviting you to release river lanterns in the River Town Suburbs. Summer 26th, 18:00-22:00 Venue: Outside River Town Make one of the four wishes: The gods understood today's wish and received the blessing of 【more gold】for 15 days; The gods understood today's wish, and increased the favorability of all NPCs by 30; The gods understood today's wish, and all equipment and martial arts experience increased by 240; The gods understood today's wish, and the movement speed +10%, lasting for 15 days; ===Dragon Boat Festival=== Notice: On the 9th day of summer, you will receive a letter from Xu Fuchun inviting you to participate in the dragon boat race at Jiangcheng Wharf. Summer 10th, 10:00-18:00 Venue: River Town Dock Instructions for the mini-game: There are three groups in the dragon boat race, and the top three in each group are competing. Those who obtain the fourth place in all groups will only receive 10 prize tickets. You need to invite your partner to participate. Those with a favorability rating of at least 2 stars will agree to the invitation. If you do not invite a partner, you can team up with Lu Wei. Favorability increase: As long as you invite your partner to participate, +50 will be added. The first place in the Jingwu group will add another +20, but rowing with Lu Wei will not increase. ===Mid-Autumn Festival=== Notice: On the 12th day of autumn, Cao Yunxiu sent a letter inviting and informing the theme of the theme dish. Autumn 15th, 18:00-22:00 Venue: Inner courtyard of SwordWay Sect Mini-game: Place the dish on the table according to the theme and talk to Cao Yunxiu to participate in the competition. ===Spring Festival=== Notice: On the 23rd day of winter, you will receive a letter from Xu Fuchun inviting you to participate in the Spring Festival Temple Fair in River Town. From the 24th to the 28th of winter, a total of 5 days, and there will also be a Lantern Festival on the 28th. Venue: North River Town Mini-games that can be participated in: finding red envelopes, pitching pots, and inserting arrows into seams, and Lantern Festival lantern riddles. Game time Finding red envelopes, pitching pots, and inserting arrows into seams, from the 23rd to the 28th of winter, can be participated in every day. Lantern Festival lantern riddles, from the 28th of winter, 19:00-2:00. a2ea740bef6b74e8a25bbee4ca98aac0af70a213 96 95 2024-02-15T04:30:32Z Pcj 1919 3 revisions imported wikitext text/x-wiki =Festival= There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter. ===Flower Festival=== Notice:On the 10th day of spring, we will receive an invitation letter from Lin Shanshi inviting us to participate in tomorrow's Flower Festival. Spring 11th, 10:00-18:00 Venue: River Town Suburbs Pitch-pot game, there are four levels of difficulty, and to win the first place, you need to choose the highest difficulty and get more than 70 points. (The multiplier only matters for the prize tickets obtained, and the highest difficulty is the score required to pitch the pot.) ===Ghost Festival=== Notice: On the 25th day of summer, you will receive a letter from Xu Fuchun inviting you to release river lanterns in the River Town Suburbs. Summer 26th, 18:00-22:00 Venue: Outside River Town Make one of the four wishes: The gods understood today's wish and received the blessing of 【more gold】for 15 days; The gods understood today's wish, and increased the favorability of all NPCs by 30; The gods understood today's wish, and all equipment and martial arts experience increased by 240; The gods understood today's wish, and the movement speed +10%, lasting for 15 days; ===Dragon Boat Festival=== Notice: On the 9th day of summer, you will receive a letter from Xu Fuchun inviting you to participate in the dragon boat race at Jiangcheng Wharf. Summer 10th, 10:00-18:00 Venue: River Town Dock Instructions for the mini-game: There are three groups in the dragon boat race, and the top three in each group are competing. Those who obtain the fourth place in all groups will only receive 10 prize tickets. You need to invite your partner to participate. Those with a favorability rating of at least 2 stars will agree to the invitation. If you do not invite a partner, you can team up with Lu Wei. Favorability increase: As long as you invite your partner to participate, +50 will be added. The first place in the Jingwu group will add another +20, but rowing with Lu Wei will not increase. ===Mid-Autumn Festival=== Notice: On the 12th day of autumn, Cao Yunxiu sent a letter inviting and informing the theme of the theme dish. Autumn 15th, 18:00-22:00 Venue: Inner courtyard of SwordWay Sect Mini-game: Place the dish on the table according to the theme and talk to Cao Yunxiu to participate in the competition. ===Spring Festival=== Notice: On the 23rd day of winter, you will receive a letter from Xu Fuchun inviting you to participate in the Spring Festival Temple Fair in River Town. From the 24th to the 28th of winter, a total of 5 days, and there will also be a Lantern Festival on the 28th. Venue: North River Town Mini-games that can be participated in: finding red envelopes, pitching pots, and inserting arrows into seams, and Lantern Festival lantern riddles. Game time Finding red envelopes, pitching pots, and inserting arrows into seams, from the 23rd to the 28th of winter, can be participated in every day. Lantern Festival lantern riddles, from the 28th of winter, 19:00-2:00. a2ea740bef6b74e8a25bbee4ca98aac0af70a213 0 69 259 258 2024-02-08T08:43:29Z 397790636 415399 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">T1</span></li> <li class="bili-list-style"><span class="tab-panel">T2</span></li> <li class="bili-list-style"><span class="tab-panel">T3</span></li> <li class="bili-list-style"><span class="tab-panel">T4</span></li> <li class="bili-list-style"><span class="tab-panel">T5</span></li> <li class="bili-list-style"><span class="tab-panel">T6</span></li> <li class="bili-list-style"><span class="tab-panel">T7</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--T1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T1 Node 1||[[file:1-1.png]]||Main Control Device||The main control device can be used for technology learning and I-Crystal exchange.||Lumber *15, Aggregate *15, Coal *20 |- <!-- 第2行 --> |Repair T1 Node 2||[[file:1-2.png]]||Resource Detector||Press [Q] on the world map to scan nearby mineral resources and mark their location for tracking.||Iron Ingot*30，Copper Ingot*30 |- <!-- 第3行 --> |Repair T1 Node 3||[[file:1-3.png]]||North Bridge||Repair the North Bridge, leading to the northern continent.||Wooden Plate*80，Wooden Rod*100，Iron Plate*30 |- <!-- 第4行 --> |Repair T1 Node 4||[[file:1-4.png]]||Backpack Expansion||Increase the maximum number of backpack slots by 8.||Thread*40，Cloth*20 |- <!-- 第5行 --> |Repair T1 Node 5||[[file:1-5.png]]||River Town Transport Station||The transport station allows for quick teleportation between explored villages and other transport stations.||Stone Brick*160，Primary Tools*20，Wooden Rod*300，Cloth*20 |- <!-- 第6行 --> |T1 Completed||[[file:0-1.png]]||Teleportation Well||Teleportation wells allow quick movement between River Town wells.||All nodes of the T1 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T2 Node 1||[[file:2-1.png]]||Batch Demolition||Unlock the deconstruction planner for batch demolition of buildings.||Liquor*60，Cooking Oil*60 |- <!-- 第2行 --> |Repair T2 Node 2||[[file:2-2.png]]||Portable Lab||Unlock quick technology learning and the [Crystalizer] building recipe (automated production of I-Crystal using input materials).||Copper Plate*400，Iron Plate*400，Primary Tools*120 |- <!-- 第3行 --> |Repair T2 Node 3||[[file:2-3.png]]||Primary Core Processing||Unlock the recipe for the [Core Charger] building and the production recipe for [Energy Module C], as well as the production recipe for [Iron Core].||Screw*800，Copper Cable*500，Stone Brick*400 |- <!-- 第4行 --> |Repair T2 Node 4||[[file:2-4.png]]||Wild Enemy Detector||Press [F] on the world map to scan for potential nearby enemies.||Iron Frame*400，Wooden Frame*100，Spider Leg*20，Bat Tooth*20 |- <!-- 第5行 --> |Repair T2 Node 5||[[file:2-5.png]]||Craft Room||Unlock the recipe for the [Craft Room] building.||Reinforced Wooden Plate*100，Copper Plate*500，Energy Module C*20，Oiled Paper*20 |- <!-- 第6行 --> |T2 Completed||[[file:0-2.png]]||Friend Locator||In [Menu-Socialize], you can view the current location of friends you already know.||All nodes of the T2 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T3--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T3 Node 1||[[file:3-1.png]]||Refined Mining||Various resource sites can be upgraded to level 5.||Iron Core*50，Reinforced Wooden Plate*150，Reinforced Iron Plate*100，Copper Cable*1000 |- <!-- 第2行 --> |Repair T3 Node 2||[[file:3-2.png]]||BI-Crystal||Unlock [BI-Crystal] exchange and recipe.||Reinforced Wooden Plate*400，Reinforced Iron Plate*300，Iron Core*120，Stone Brick*1000 |- <!-- 第3行 --> |Repair T3 Node 3||[[file:3-3.png]]||East Bridge||Repair the East Bridge, leading to the eastern continent.||Steel Plate*400，Steel Pipe*400，Iron Tools*10，Reinforced Wooden Plate*500 |- <!-- 第4行 --> |Repair T3 Node 4||[[file:3-4.png]]||Quantum Movement||Unlock the recipe for the [Teleport Pad] building.||Iron Core*200，Rotor*200，Steel Pipe*600，Steel Plate*600 |- <!-- 第5行 --> |Repair T3 Node 5||[[file:3-5.png]]||Blueprint||Unlock blueprint function and the recipe for [Building Capsule].||Stone Brick*1500，Reinforced Wooden Plate*800，Wooden Frame*600，Iron Tools*100 |- <!-- 第6行 --> |T3 Completed||[[file:0-3.png]]||Mini Map||You can view a mini-map of all locations except the workshop.||All nodes of the T3 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T4--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T4 Node 1||[[file:4-1.png]]||Sand Mine Detector||Ability to scan for sand mine on the world map.||Iron Tools*200，Iron Core*200，Rotor*200 |- <!-- 第2行 --> |Repair T4 Node 2||[[file:4-2.png]]||Beast Tide||Activate the beast tide defense mode in River Town.||Sand*1000，Purified Silicon*500，Glass*400 |- <!-- 第3行 --> |Repair T4 Node 3||[[file:4-3.png]]||Intermediate Core Processing||Unlock the production recipe for [Energy Module B] and the production recipe for [Steel Core].||Reinforced Concrete*200，Stator*100，Rotor*240，Iron Core*400 |- <!-- 第4行 --> |Repair T4 Node 4||[[file:4-4.png]]||West Bridge||Repair the West Bridge, leading to the western continent.||Reinforced Brick*600，Iron Tools*200，Industrial Structure*50，Energy Module B*50 |- <!-- 第5行 --> |Repair T4 Node 5||[[file:4-5.png]]||Dimensional Boots||Acquired the equipment [Dimensional Boots], if equipped, you can move through the workshop without being blocked by buildings.||Glass*800，Purified Silicon*800，Steel Core*100，Industrial Structure*100 |- <!-- 第6行 --> |T4 Completed||[[file:0-4.png]]||Distributed Workshop||Able to observe vacant land on the world map, can purchase the land to expand the workshop, and unlock the recipes for [Inter-area Sending Depot] and [Inter-area Receiving Depot].||All nodes of the T4 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T5--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T5 Node 1||[[file:5-1.png]]||Inter-area Power Transmission||Unlock the recipe for the [Inter-area Power Provider] and [Inter-area Power Receiver] buildings.||Industrial Structure*200，Steel Core*300，Fuel Bar*1000，Iron Tools*500 |- <!-- 第2行 --> |Repair T5 Node 2||[[file:5-2.png]]||Resource Site Teleportation||Option to quickly move to specified resource sites in the resource interface.||芯片*200，Stator*500，Rotor*500，Reinforced Brick*2000 |- <!-- 第3行 --> |Repair T5 Node 3||[[file:5-3.png]]||Inter-area Teleportation||Unlock the recipe for the [Inter-area Teleporter] building.||Controller*200，Electric Motor*200，Industrial Structure*400，Steel Core*500 |- <!-- 第4行 --> |Repair T5 Node 4||[[file:5-4.png]]||PI-Crystal||Unlock [PI-Crystal] exchange and recipe.||Advanced Tools*100，Electric Motor*200，Controller*300 |- <!-- 第5行 --> |Repair T5 Node 5||[[file:5-5.png]]||South Bridge||Repair the South Bridge, leading to the southern continent.||Reinforced Brick*2500，Industrial Structure*500，Advanced Tools*50，Electric Motor*300 |- <!-- 第6行 --> |T5 Completed||[[file:0-5.png]]||Crude Oil Exploration||Able to observe and scan crude oil resources on the world map, while also unlocking [Refinery].||All nodes of the T5 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T6--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T6 Node 1||[[file:6-1.png]]||Advanced Mining||Various resource sites can be upgraded to level 8.||Packaged Oil*1500，Plastic*400，Rubber*400，Controller*300 |- <!-- 第2行 --> |Repair T6 Node 2||[[file:6-2.png]]||Fuel Power Generation||Unlock the building recipe for [Fuel Generator] and the production recipe for [Fuel Energy Cube].||Plastic*500，Rubber*500，Electric Motor*300，Advanced Tools*100 |- <!-- 第3行 --> |Repair T6 Node 3||[[file:6-3.png]]||Information Technology||Unlock the production recipe for [Large Computer].||Circuit Board*200，Industrial Structure*500，High-performance Flooring*400，Controller*400 |- <!-- 第4行 --> |Repair T6 Node 4||[[file:6-4.png]]||Accessory Slot Expansion||Unlock the second accessory slot for equipment.||Large Computer*50，Circuit Board*300，Advanced Tools*300，Electric Motor*500 |- <!-- 第5行 --> |Repair T6 Node 5||[[file:6-5.png]]||Artisan Ring||Obtained the accessory [Artisan Ring], wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||Large Computer*150，High-performance Flooring*800，Iron Core*3000，Steel Core*1500 |- <!-- 第6行 --> |T6 Completed||[[file:0-6.png]]||Oracle Temple Restoration||Oracle Temple has been completely restored, and XT's energy is fully charged.||All nodes of the T6 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T7--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T7 Node 1||[[file:7-1.png]]||Floatland Teleportation||Unlock the teleporter to the Floatland map||Large Computer*300，Advanced Tools*600，Rubber*1200，High-performance Flooring600 |- <!-- 第2行 --> |Repair T7 Node 2||[[file:7-2.png]]||Overclocking||Unlock the production machinery [overclocking] function, which can adjust the production rate to 10%~ 200%.||Organic Energy Block*200，Large Computer*400，Radiator*100，Advanced Tools*500 |- <!-- 第3行 --> |Repair T7 Node 3||[[file:7-3.png]]||YI-Crystal||Unlock [YI-Crystal] exchange and recipe||Large Computer*400，Superalloy*400，Radiator*200，Steel Core*600 |- <!-- 第4行 --> |Repair T7 Node 4||[[file:7-4.png]]||Advanced Core Processing||Unlock the production recipe for [Energy Module A] and the production recipe for [Mechanical Core].||Radiator*300，Iron Core*2000，Steel Core*800，Advanced Tools*600 |- <!-- 第5行 --> |Repair T7 Node 5||[[file:7-5.png]]||Superior Mining||Various resource sites can be upgraded to level 9 (maximum)||Mechanical Core*200，Radiator*500，Space Structure*100，Space Fuel*100 |- <!-- 第6行 --> |T7 Completed||[[file:0-7.png]]||Rocket Silo||Unlock the recipe for the [Rocket Silo] building.||All nodes of the T7 have been repaired. |} </div> </div> </div> </div> </div> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，water pipe，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> 2d1fbe397f2fb714bb1aaa1379c1c2931a58accb 260 259 2024-02-08T08:44:08Z 397790636 415399 撤销[[Special:Contributions/397790636|397790636]]（[[User talk:397790636|讨论]]）的版本2739 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">T1</span></li> <li class="bili-list-style"><span class="tab-panel">T2</span></li> <li class="bili-list-style"><span class="tab-panel">T3</span></li> <li class="bili-list-style"><span class="tab-panel">T4</span></li> <li class="bili-list-style"><span class="tab-panel">T5</span></li> <li class="bili-list-style"><span class="tab-panel">T6</span></li> <li class="bili-list-style"><span class="tab-panel">T7</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--T1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T1 Node 1||[[file:1-1.png]]||Main Control Device||The main control device can be used for technology learning and I-Crystal exchange.||Lumber *15, Aggregate *15, Coal *20 |- <!-- 第2行 --> |Repair T1 Node 2||[[file:1-2.png]]||Resource Detector||Press [Q] on the world map to scan nearby mineral resources and mark their location for tracking.||Iron Ingot*30，Copper Ingot*30 |- <!-- 第3行 --> |Repair T1 Node 3||[[file:1-3.png]]||North Bridge||Repair the North Bridge, leading to the northern continent.||Wooden Plate*80，Wooden Rod*100，Iron Plate*30 |- <!-- 第4行 --> |Repair T1 Node 4||[[file:1-4.png]]||Backpack Expansion||Increase the maximum number of backpack slots by 8.||Thread*40，Cloth*20 |- <!-- 第5行 --> |Repair T1 Node 5||[[file:1-5.png]]||River Town Transport Station||The transport station allows for quick teleportation between explored villages and other transport stations.||Stone Brick*160，Primary Tools*20，Wooden Rod*300，Cloth*20 |- <!-- 第6行 --> |T1 Completed||[[file:0-1.png]]||Teleportation Well||Teleportation wells allow quick movement between River Town wells.||All nodes of the T1 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T2 Node 1||[[file:2-1.png]]||Batch Demolition||Unlock the deconstruction planner for batch demolition of buildings.||Liquor*60，Cooking Oil*60 |- <!-- 第2行 --> |Repair T2 Node 2||[[file:2-2.png]]||Portable Lab||Unlock quick technology learning and the [Crystalizer] building recipe (automated production of I-Crystal using input materials).||Copper Plate*400，Iron Plate*400，Primary Tools*120 |- <!-- 第3行 --> |Repair T2 Node 3||[[file:2-3.png]]||Primary Core Processing||Unlock the recipe for the [Core Charger] building and the production recipe for [Energy Module C], as well as the production recipe for [Iron Core].||Screw*800，Copper Cable*500，Stone Brick*400 |- <!-- 第4行 --> |Repair T2 Node 4||[[file:2-4.png]]||Wild Enemy Detector||Press [F] on the world map to scan for potential nearby enemies.||Iron Frame*400，Wooden Frame*100，Spider Leg*20，Bat Tooth*20 |- <!-- 第5行 --> |Repair T2 Node 5||[[file:2-5.png]]||Craft Room||Unlock the recipe for the [Craft Room] building.||Reinforced Wooden Plate*100，Copper Plate*500，Energy Module C*20，Oiled Paper*20 |- <!-- 第6行 --> |T2 Completed||[[file:0-2.png]]||Friend Locator||In [Menu-Socialize], you can view the current location of friends you already know.||All nodes of the T2 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T3--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T3 Node 1||[[file:3-1.png]]||Refined Mining||Various resource sites can be upgraded to level 5.||Iron Core*50，Reinforced Wooden Plate*150，Reinforced Iron Plate*100，Copper Cable*1000 |- <!-- 第2行 --> |Repair T3 Node 2||[[file:3-2.png]]||BI-Crystal||Unlock [BI-Crystal] exchange and recipe.||Reinforced Wooden Plate*400，Reinforced Iron Plate*300，Iron Core*120，Stone Brick*1000 |- <!-- 第3行 --> |Repair T3 Node 3||[[file:3-3.png]]||East Bridge||Repair the East Bridge, leading to the eastern continent.||Steel Plate*400，Steel Pipe*400，Iron Tools*10，Reinforced Wooden Plate*500 |- <!-- 第4行 --> |Repair T3 Node 4||[[file:3-4.png]]||Quantum Movement||Unlock the recipe for the [Teleport Pad] building.||Iron Core*200，Rotor*200，Steel Pipe*600，Steel Plate*600 |- <!-- 第5行 --> |Repair T3 Node 5||[[file:3-5.png]]||Blueprint||Unlock blueprint function and the recipe for [Building Capsule].||Stone Brick*1500，Reinforced Wooden Plate*800，Wooden Frame*600，Iron Tools*100 |- <!-- 第6行 --> |T3 Completed||[[file:0-3.png]]||Mini Map||You can view a mini-map of all locations except the workshop.||All nodes of the T3 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T4--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T4 Node 1||[[file:4-1.png]]||Sand Mine Detector||Ability to scan for sand mine on the world map.||Iron Tools*200，Iron Core*200，Rotor*200 |- <!-- 第2行 --> |Repair T4 Node 2||[[file:4-2.png]]||Beast Tide||Activate the beast tide defense mode in River Town.||Sand*1000，Purified Silicon*500，Glass*400 |- <!-- 第3行 --> |Repair T4 Node 3||[[file:4-3.png]]||Intermediate Core Processing||Unlock the production recipe for [Energy Module B] and the production recipe for [Steel Core].||Reinforced Concrete*200，Stator*100，Rotor*240，Iron Core*400 |- <!-- 第4行 --> |Repair T4 Node 4||[[file:4-4.png]]||West Bridge||Repair the West Bridge, leading to the western continent.||Reinforced Brick*600，Iron Tools*200，Industrial Structure*50，Energy Module B*50 |- <!-- 第5行 --> |Repair T4 Node 5||[[file:4-5.png]]||Dimensional Boots||Acquired the equipment [Dimensional Boots], if equipped, you can move through the workshop without being blocked by buildings.||Glass*800，Purified Silicon*800，Steel Core*100，Industrial Structure*100 |- <!-- 第6行 --> |T4 Completed||[[file:0-4.png]]||Distributed Workshop||Able to observe vacant land on the world map, can purchase the land to expand the workshop, and unlock the recipes for [Inter-area Sending Depot] and [Inter-area Receiving Depot].||All nodes of the T4 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T5--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T5 Node 1||[[file:5-1.png]]||Inter-area Power Transmission||Unlock the recipe for the [Inter-area Power Provider] and [Inter-area Power Receiver] buildings.||Industrial Structure*200，Steel Core*300，Fuel Bar*1000，Iron Tools*500 |- <!-- 第2行 --> |Repair T5 Node 2||[[file:5-2.png]]||Resource Site Teleportation||Option to quickly move to specified resource sites in the resource interface.||芯片*200，Stator*500，Rotor*500，Reinforced Brick*2000 |- <!-- 第3行 --> |Repair T5 Node 3||[[file:5-3.png]]||Inter-area Teleportation||Unlock the recipe for the [Inter-area Teleporter] building.||Controller*200，Electric Motor*200，Industrial Structure*400，Steel Core*500 |- <!-- 第4行 --> |Repair T5 Node 4||[[file:5-4.png]]||PI-Crystal||Unlock [PI-Crystal] exchange and recipe.||Advanced Tools*100，Electric Motor*200，Controller*300 |- <!-- 第5行 --> |Repair T5 Node 5||[[file:5-5.png]]||South Bridge||Repair the South Bridge, leading to the southern continent.||Reinforced Brick*2500，Industrial Structure*500，Advanced Tools*50，Electric Motor*300 |- <!-- 第6行 --> |T5 Completed||[[file:0-5.png]]||Crude Oil Exploration||Able to observe and scan crude oil resources on the world map, while also unlocking [Refinery].||All nodes of the T5 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T6--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T6 Node 1||[[file:6-1.png]]||Advanced Mining||Various resource sites can be upgraded to level 8.||Packaged Oil*1500，Plastic*400，Rubber*400，Controller*300 |- <!-- 第2行 --> |Repair T6 Node 2||[[file:6-2.png]]||Fuel Power Generation||Unlock the building recipe for [Fuel Generator] and the production recipe for [Fuel Energy Cube].||Plastic*500，Rubber*500，Electric Motor*300，Advanced Tools*100 |- <!-- 第3行 --> |Repair T6 Node 3||[[file:6-3.png]]||Information Technology||Unlock the production recipe for [Large Computer].||Circuit Board*200，Industrial Structure*500，High-performance Flooring*400，Controller*400 |- <!-- 第4行 --> |Repair T6 Node 4||[[file:6-4.png]]||Accessory Slot Expansion||Unlock the second accessory slot for equipment.||Large Computer*50，Circuit Board*300，Advanced Tools*300，Electric Motor*500 |- <!-- 第5行 --> |Repair T6 Node 5||[[file:6-5.png]]||Artisan Ring||Obtained the accessory [Artisan Ring], wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||Large Computer*150，High-performance Flooring*800，Iron Core*3000，Steel Core*1500 |- <!-- 第6行 --> |T6 Completed||[[file:0-6.png]]||Oracle Temple Restoration||Oracle Temple has been completely restored, and XT's energy is fully charged.||All nodes of the T6 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T7--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T7 Node 1||[[file:7-1.png]]||Floatland Teleportation||Unlock the teleporter to the Floatland map||Large Computer*300，Advanced Tools*600，Rubber*1200，High-performance Flooring600 |- <!-- 第2行 --> |Repair T7 Node 2||[[file:7-2.png]]||Overclocking||Unlock the production machinery [overclocking] function, which can adjust the production rate to 10%~ 200%.||Organic Energy Block*200，Large Computer*400，Radiator*100，Advanced Tools*500 |- <!-- 第3行 --> |Repair T7 Node 3||[[file:7-3.png]]||YI-Crystal||Unlock [YI-Crystal] exchange and recipe||Large Computer*400，Superalloy*400，Radiator*200，Steel Core*600 |- <!-- 第4行 --> |Repair T7 Node 4||[[file:7-4.png]]||Advanced Core Processing||Unlock the production recipe for [Energy Module A] and the production recipe for [Mechanical Core].||Radiator*300，Iron Core*2000，Steel Core*800，Advanced Tools*600 |- <!-- 第5行 --> |Repair T7 Node 5||[[file:7-5.png]]||Superior Mining||Various resource sites can be upgraded to level 9 (maximum)||Mechanical Core*200，Radiator*500，Space Structure*100，Space Fuel*100 |- <!-- 第6行 --> |T7 Completed||[[file:0-7.png]]||Rocket Silo||Unlock the recipe for the [Rocket Silo] building.||All nodes of the T7 have been repaired. |} </div> </div> </div> </div> </div> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，水管，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> 12256318f934c0771565aa93d35ca02f12ed1dc6 261 260 2024-02-08T08:44:59Z 397790636 415399 wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">T1</span></li> <li class="bili-list-style"><span class="tab-panel">T2</span></li> <li class="bili-list-style"><span class="tab-panel">T3</span></li> <li class="bili-list-style"><span class="tab-panel">T4</span></li> <li class="bili-list-style"><span class="tab-panel">T5</span></li> <li class="bili-list-style"><span class="tab-panel">T6</span></li> <li class="bili-list-style"><span class="tab-panel">T7</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--T1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T1 Node 1||[[file:1-1.png]]||Main Control Device||The main control device can be used for technology learning and I-Crystal exchange.||Lumber *15, Aggregate *15, Coal *20 |- <!-- 第2行 --> |Repair T1 Node 2||[[file:1-2.png]]||Resource Detector||Press [Q] on the world map to scan nearby mineral resources and mark their location for tracking.||Iron Ingot*30，Copper Ingot*30 |- <!-- 第3行 --> |Repair T1 Node 3||[[file:1-3.png]]||North Bridge||Repair the North Bridge, leading to the northern continent.||Wooden Plate*80，Wooden Rod*100，Iron Plate*30 |- <!-- 第4行 --> |Repair T1 Node 4||[[file:1-4.png]]||Backpack Expansion||Increase the maximum number of backpack slots by 8.||Thread*40，Cloth*20 |- <!-- 第5行 --> |Repair T1 Node 5||[[file:1-5.png]]||River Town Transport Station||The transport station allows for quick teleportation between explored villages and other transport stations.||Stone Brick*160，Primary Tools*20，Wooden Rod*300，Cloth*20 |- <!-- 第6行 --> |T1 Completed||[[file:0-1.png]]||Teleportation Well||Teleportation wells allow quick movement between River Town wells.||All nodes of the T1 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T2 Node 1||[[file:2-1.png]]||Batch Demolition||Unlock the deconstruction planner for batch demolition of buildings.||Liquor*60，Cooking Oil*60 |- <!-- 第2行 --> |Repair T2 Node 2||[[file:2-2.png]]||Portable Lab||Unlock quick technology learning and the [Crystalizer] building recipe (automated production of I-Crystal using input materials).||Copper Plate*400，Iron Plate*400，Primary Tools*120 |- <!-- 第3行 --> |Repair T2 Node 3||[[file:2-3.png]]||Primary Core Processing||Unlock the recipe for the [Core Charger] building and the production recipe for [Energy Module C], as well as the production recipe for [Iron Core].||Screw*800，Copper Cable*500，Stone Brick*400 |- <!-- 第4行 --> |Repair T2 Node 4||[[file:2-4.png]]||Wild Enemy Detector||Press [F] on the world map to scan for potential nearby enemies.||Iron Frame*400，Wooden Frame*100，Spider Leg*20，Bat Tooth*20 |- <!-- 第5行 --> |Repair T2 Node 5||[[file:2-5.png]]||Craft Room||Unlock the recipe for the [Craft Room] building.||Reinforced Wooden Plate*100，Copper Plate*500，Energy Module C*20，Oiled Paper*20 |- <!-- 第6行 --> |T2 Completed||[[file:0-2.png]]||Friend Locator||In [Menu-Socialize], you can view the current location of friends you already know.||All nodes of the T2 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T3--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T3 Node 1||[[file:3-1.png]]||Refined Mining||Various resource sites can be upgraded to level 5.||Iron Core*50，Reinforced Wooden Plate*150，Reinforced Iron Plate*100，Copper Cable*1000 |- <!-- 第2行 --> |Repair T3 Node 2||[[file:3-2.png]]||BI-Crystal||Unlock [BI-Crystal] exchange and recipe.||Reinforced Wooden Plate*400，Reinforced Iron Plate*300，Iron Core*120，Stone Brick*1000 |- <!-- 第3行 --> |Repair T3 Node 3||[[file:3-3.png]]||East Bridge||Repair the East Bridge, leading to the eastern continent.||Steel Plate*400，Steel Pipe*400，Iron Tools*10，Reinforced Wooden Plate*500 |- <!-- 第4行 --> |Repair T3 Node 4||[[file:3-4.png]]||Quantum Movement||Unlock the recipe for the [Teleport Pad] building.||Iron Core*200，Rotor*200，Steel Pipe*600，Steel Plate*600 |- <!-- 第5行 --> |Repair T3 Node 5||[[file:3-5.png]]||Blueprint||Unlock blueprint function and the recipe for [Building Capsule].||Stone Brick*1500，Reinforced Wooden Plate*800，Wooden Frame*600，Iron Tools*100 |- <!-- 第6行 --> |T3 Completed||[[file:0-3.png]]||Mini Map||You can view a mini-map of all locations except the workshop.||All nodes of the T3 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T4--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T4 Node 1||[[file:4-1.png]]||Sand Mine Detector||Ability to scan for sand mine on the world map.||Iron Tools*200，Iron Core*200，Rotor*200 |- <!-- 第2行 --> |Repair T4 Node 2||[[file:4-2.png]]||Beast Tide||Activate the beast tide defense mode in River Town.||Sand*1000，Purified Silicon*500，Glass*400 |- <!-- 第3行 --> |Repair T4 Node 3||[[file:4-3.png]]||Intermediate Core Processing||Unlock the production recipe for [Energy Module B] and the production recipe for [Steel Core].||Reinforced Concrete*200，Stator*100，Rotor*240，Iron Core*400 |- <!-- 第4行 --> |Repair T4 Node 4||[[file:4-4.png]]||West Bridge||Repair the West Bridge, leading to the western continent.||Reinforced Brick*600，Iron Tools*200，Industrial Structure*50，Energy Module B*50 |- <!-- 第5行 --> |Repair T4 Node 5||[[file:4-5.png]]||Dimensional Boots||Acquired the equipment [Dimensional Boots], if equipped, you can move through the workshop without being blocked by buildings.||Glass*800，Purified Silicon*800，Steel Core*100，Industrial Structure*100 |- <!-- 第6行 --> |T4 Completed||[[file:0-4.png]]||Distributed Workshop||Able to observe vacant land on the world map, can purchase the land to expand the workshop, and unlock the recipes for [Inter-area Sending Depot] and [Inter-area Receiving Depot].||All nodes of the T4 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T5--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T5 Node 1||[[file:5-1.png]]||Inter-area Power Transmission||Unlock the recipe for the [Inter-area Power Provider] and [Inter-area Power Receiver] buildings.||Industrial Structure*200，Steel Core*300，Fuel Bar*1000，Iron Tools*500 |- <!-- 第2行 --> |Repair T5 Node 2||[[file:5-2.png]]||Resource Site Teleportation||Option to quickly move to specified resource sites in the resource interface.||芯片*200，Stator*500，Rotor*500，Reinforced Brick*2000 |- <!-- 第3行 --> |Repair T5 Node 3||[[file:5-3.png]]||Inter-area Teleportation||Unlock the recipe for the [Inter-area Teleporter] building.||Controller*200，Electric Motor*200，Industrial Structure*400，Steel Core*500 |- <!-- 第4行 --> |Repair T5 Node 4||[[file:5-4.png]]||PI-Crystal||Unlock [PI-Crystal] exchange and recipe.||Advanced Tools*100，Electric Motor*200，Controller*300 |- <!-- 第5行 --> |Repair T5 Node 5||[[file:5-5.png]]||South Bridge||Repair the South Bridge, leading to the southern continent.||Reinforced Brick*2500，Industrial Structure*500，Advanced Tools*50，Electric Motor*300 |- <!-- 第6行 --> |T5 Completed||[[file:0-5.png]]||Crude Oil Exploration||Able to observe and scan crude oil resources on the world map, while also unlocking [Refinery].||All nodes of the T5 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T6--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T6 Node 1||[[file:6-1.png]]||Advanced Mining||Various resource sites can be upgraded to level 8.||Packaged Oil*1500，Plastic*400，Rubber*400，Controller*300 |- <!-- 第2行 --> |Repair T6 Node 2||[[file:6-2.png]]||Fuel Power Generation||Unlock the building recipe for [Fuel Generator] and the production recipe for [Fuel Energy Cube].||Plastic*500，Rubber*500，Electric Motor*300，Advanced Tools*100 |- <!-- 第3行 --> |Repair T6 Node 3||[[file:6-3.png]]||Information Technology||Unlock the production recipe for [Large Computer].||Circuit Board*200，Industrial Structure*500，High-performance Flooring*400，Controller*400 |- <!-- 第4行 --> |Repair T6 Node 4||[[file:6-4.png]]||Accessory Slot Expansion||Unlock the second accessory slot for equipment.||Large Computer*50，Circuit Board*300，Advanced Tools*300，Electric Motor*500 |- <!-- 第5行 --> |Repair T6 Node 5||[[file:6-5.png]]||Artisan Ring||Obtained the accessory [Artisan Ring], wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||Large Computer*150，High-performance Flooring*800，Iron Core*3000，Steel Core*1500 |- <!-- 第6行 --> |T6 Completed||[[file:0-6.png]]||Oracle Temple Restoration||Oracle Temple has been completely restored, and XT's energy is fully charged.||All nodes of the T6 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T7--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T7 Node 1||[[file:7-1.png]]||Floatland Teleportation||Unlock the teleporter to the Floatland map||Large Computer*300，Advanced Tools*600，Rubber*1200，High-performance Flooring600 |- <!-- 第2行 --> |Repair T7 Node 2||[[file:7-2.png]]||Overclocking||Unlock the production machinery [overclocking] function, which can adjust the production rate to 10%~ 200%.||Organic Energy Block*200，Large Computer*400，Radiator*100，Advanced Tools*500 |- <!-- 第3行 --> |Repair T7 Node 3||[[file:7-3.png]]||YI-Crystal||Unlock [YI-Crystal] exchange and recipe||Large Computer*400，Superalloy*400，Radiator*200，Steel Core*600 |- <!-- 第4行 --> |Repair T7 Node 4||[[file:7-4.png]]||Advanced Core Processing||Unlock the production recipe for [Energy Module A] and the production recipe for [Mechanical Core].||Radiator*300，Iron Core*2000，Steel Core*800，Advanced Tools*600 |- <!-- 第5行 --> |Repair T7 Node 5||[[file:7-5.png]]||Superior Mining||Various resource sites can be upgraded to level 9 (maximum)||Mechanical Core*200，Radiator*500，Space Structure*100，Space Fuel*100 |- <!-- 第6行 --> |T7 Completed||[[file:0-7.png]]||Rocket Silo||Unlock the recipe for the [Rocket Silo] building.||All nodes of the T7 have been repaired. |} </div> </div> </div> </div> </div> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，water pipe，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> 2d1fbe397f2fb714bb1aaa1379c1c2931a58accb 8 3 3 2024-02-15T04:29:45Z Pcj 1919 Created page with "-" wikitext text/x-wiki - 3bc15c8aae3e4124dd409035f32ea2fd6835efc9 8 4 4 2024-02-15T04:29:52Z Pcj 1919 Created page with "-" wikitext text/x-wiki - 3bc15c8aae3e4124dd409035f32ea2fd6835efc9 8 5 5 2024-02-15T04:30:07Z Pcj 1919 Created page with "<div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div>" wikitext text/x-wiki <div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div> 7290744eba73e7f9987d32ef26b3490f5bea3537 0 6 7 6 2024-02-15T04:30:26Z Pcj 1919 1 revision imported wikitext text/x-wiki =Academy= Attribute: Function, Residence Located in the east of Jiangcheng, next to Jiangyue Tower. Related NPCs: Li Yan, Hong Xian When your favorability with Li Yan reaches 2 stars, coming to the second floor to listen to the piano can increase your comprehension. [[file:映雪书馆.png|300px]] a890999046ebb449fb67c96b861b1bb4c008cac2 0 7 11 10 2024-02-15T04:30:26Z Pcj 1919 3 revisions imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !achievement!!icon!!description |- <!-- 第1行 --> |Time Traveler||[[File:1-1 T0.png]]||Arrived at ancient River Town（The new game chooses not to skip the opening animation） |- <!-- 第2行 --> |T1 Completed||[[File:1-2 T1.png]]||All nodes of the T1 have been repaired. |- <!-- 第3行 --> |T2 Completed||[[File:1-3 T2.png]]||All nodes of the T2 have been repaired. |- <!-- 第4行 --> |T3 Completed||[[File:1-4 T3.png]]||All nodes of the T3 have been repaired. |- <!-- 第5行 --> |T4 Completed||[[File:1-5 T4.png]]||All nodes of the T4 have been repaired. |- <!-- 第6行 --> |T5 Completed||[[File:1-6 T5.png]]||All nodes of the T5 have been repaired. |- <!-- 第7行 --> |T6 Completed||[[File:1-7 T6.png]]||All nodes of the T6 have been repaired. |- <!-- 第8行 --> |T7 Completed||[[File:1-8 T7.png]]||All nodes of the T7 have been repaired. |- <!-- 第9行 --> |Automation Start||[[File:2-1auto.png]]||Successfully automated production of 2000 items. |- <!-- 第10行 --> |Industrial Elite||[[File:2-2auto.png]]||Successfully automated production of 8000 items. |- <!-- 第11行 --> |Automation Giant||[[File:2-3auto.png]]||Successfully automated production of 25000 items. |- <!-- 第12行 --> |Production Maniac||[[File:2-4auto.png]]||Successfully automated production of 80000 items. |- <!-- 第13行 --> |God of Machines||[[File:2-5auto.png]]||Successfully automated production of 350000 items. |- <!-- 第14行 --> |Pot of Gold||[[File:3-1money.png]]||Earn 3000g in a single shipment. |- <!-- 第15行 --> |Prosperous||[[File:3-2money.png]]||Earn 15000g in a single shipment. |- <!-- 第16行 --> |Cash Cow||[[File:3-3money.png]]||Earn 80000g in a single shipment. |- <!-- 第17行 --> |Town Myth||[[File:3-4money.png]]||Earn 240000g in a single shipment. |- <!-- 第18行 --> |Goldmine||[[File:3-5money.png]]||Earn 999999g in a single shipment. |- <!-- 第19行 --> |Pitcher Expert||[[File:4-1touhugaoshou.png]]||Achieve first place in the most difficult pitching competition at the Flower Festival. |- <!-- 第20行 --> |Dragon Boat Champion||[[File:4-2longzhou.png]]||Achieve first place in the most difficult dragon boat race at the Dragon Boat Festival. |- <!-- 第21行 --> |Culinary Master||[[File:4-3chuyi.png]]||Achieve first place in the Mid-Autumn Festival culinary competition. |- <!-- 第22行 --> |Charming||[[File:5-1haogan.png]]||Attain a 6-heart favor with 1 NPC. |- <!-- 第23行 --> |Intimacy||[[File:5-2haogan.png]]||Attain a 6-heart favor with 4 NPCs. |- <!-- 第24行 --> |Glamorous||[[File:5-3haogan.png]]||Attain a 6-heart favor with 8 NPCs. |- <!-- 第25行 --> |Famous Person||[[File:5-4haogan.png]]||Attain a 6-heart favor with 12 NPCs. |- <!-- 第26行 --> |Mastery||[[File:6-1book.png]]||Study 1 martial arts books to the highest level. |- <!-- 第27行 --> |Making Progress||[[File:6-2book.png]]||Study 9 martial arts books to the highest level. |- <!-- 第28行 --> |Improving Skills||[[File:6-3book.png]]||Study 18 martial arts books to the highest level. |- <!-- 第29行 --> |Grandmaster||[[File:6-4book.png]]||Study 27 martial arts books to the highest level. |- <!-- 第30行 --> |Unmatched||[[File:6-5book.png]]||Study 36 martial arts books to the highest level. |- <!-- 第31行 --> |Invincible||[[File:6-6book.png]]||Study 42 martial arts books to the highest level. |- <!-- 第32行 --> |Mecha descends||[[File:7robot.png]]||Unlock the Oracle Mecha through shards and summon. |} </div> </div> </div> </div> </div> 52251e0170fe391e402748a44a4d4447c22133f8 0 8 13 12 2024-02-15T04:30:27Z Pcj 1919 1 revision imported wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">production</span></li> <li class="bili-list-style"><span class="tab-panel">material flow</span></li> <li class="bili-list-style"><span class="tab-panel">energy</span></li> <li class="bili-list-style"><span class="tab-panel">storage</span></li> <li class="bili-list-style"><span class="tab-panel">build</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--production--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!电力 |- <!-- 第1行 --> |Constructor||Used to automatically produce basic products, coal can be manually added as energy, and it can be connected to power grid.||Power Consumption 4kw / s||Technology||[[File:build_50.png]]||Iron Ingot*5，Copper Ingot*5，Aggregate*10||-4 |- <!-- 第2行 --> |Assembler||Used to automatically produce refined products, connected to electricity as an energy source.||Power Consumption 18kw / s||Technology||[[File:build_51.png]]||Reinforced Iron Plate*3，Primary Tools*5，Stone Brick*10||-18 |- <!-- 第3行 --> |Manufacturer||Used to automatically produce advanced products, connected to electricity as an energy source.||Power Consumption 64kw / s||Technology||[[File:build_52.png]]||Steel Core*5，Reinforced Brick*10，Stator*5||-64 |- <!-- 第4行 --> |Furnace||Used to smelt ores, manually add materials and fuel.||||beginning learn||[[File:build_54.png]]||Wood*5，Stone*10||0 |- <!-- 第5行 --> |Smelter||Used to automatically forge or extract various synthetic materials, needs to be connected to electricity as an energy source.||Power Consumption5kw / s||Technology||[[File:build_55.png]]||Iron Plate*10，Stone Brick*10||-5 |- <!-- 第6行 --> |Foundry||A machine that can recast two types of materials, powered by electricity.||Power Consumption16kw / s||Oracle Temple Repair||[[File:build_56.png]]||Iron Core*1，Iron Frame*5，Copper Cable*20||-16 |- <!-- 第7行 --> |Core Charger||Used to make various energy cores, coal can be manually added as an energy source, or it can be connected to electricity as an energy source.||Power Consumption20kw / s||Oracle Temple Repair||[[File:build_60.png]]||Iron Frame*5，Wooden Frame*5，Primary Tools*10||-20 |- <!-- 第8行 --> |Crystalizer||Directly generates I-Crystal using materials.||Power Consumption18kw / s||Oracle Temple Repair||[[File:build_61.png]]||Primary Tools*5，Reinforced Iron Plate*10||-18 |- <!-- 第9行 --> |Grain Processor||Can process grain into liquors or cooking oil.||Power Consumption8kw / s||Technology||[[File:build_62.png]]||Primary Tools*2，Copper Plate*5，Screw*50||-8 |- <!-- 第10行 --> |Auto Gatherer||When powered and supplied with water, it can automatically gather.||Power Consumption120kw / s||Technology||[[File:build_63.png]]||Large Computer*2，Advanced Tools*20||-120 |- <!-- 第11行 --> |Workbench||Used to make various primary products.||Manual production||beginning learn||[[File:build_100.png]]||Wood*5||0 |- <!-- 第12行 --> |Craft Room||Used to make various advanced products.||Manual production||Technology||[[File:build_101.png]]||Iron Frame*10，Copper Cable*50，Reinforced Wooden Plate*5||0 |- <!-- 第13行 --> |Refinery||Can refine crude oil into packaged industrial oil.||Power Consumption30kw / s||Oracle Temple Repair||[[File:build_110.png]]||Electric Motor*5，Chip*10，Advanced Tools*5||-30 |- <!-- 第14行 --> |Building Capsule Machine||When connected to electricity, it will automatically produce building capsules.||Power Consumption42kW/s||Technology||[[File:build_64.png]]||Building Capsule*20，Iron Tools*10||-42 |- <!-- 第15行 --> |Organic Refiner||Machines for extracting energy from organic matter||Power Consumption50kW/s||Technology||[[File:build_65.png]]||Large Computer*5，Rubber*20，Advanced Tools*5||-50 |} </div> <div class="resp-tab-content" style="display:none"><!--material flow--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!电力 |- <!-- 第1行 --> |Transport Belt||A basic transport belt used to transport items in the logistic network.||Belt Speed: 1 item/s||Technology||[[File:build_20.png]]||Wooden Plate*1，Wooden Rod*2，||0 |- <!-- 第2行 --> |Fast Transport Belt||A fast transport belt used to transport items in the logistic network.||Belt Speed: 2 items/s||Technology||[[File:build_21.png]]||Reinforced Iron Plate*1，Iron Rod*2||0 |- <!-- 第3行 --> |Express Transport Belt||A express transport belt used to transport items in the logistic network.||Belt Speed: 4 items/s||Technology||[[File:build_22.png]]||Steel Plate*2，Steel Pipe*1||0 |- <!-- 第4行 --> |Hyperfast Transport Belt||A hyper fast transport belt used to transport items in the logistic network.||Belt Speed: 8 items/s||Technology||[[File:build_23.png]]||Chip*1，Reinforced Concrete*6||0 |- <!-- 第5行 --> |Underground Belt||A basic underground belt that can transport items underground.||Belt Speed: 1 item/s||Technology||[[File:build_30.png]]||Wooden Plate*4，Wooden Rod*6||0 |- <!-- 第6行 --> |Fast Underground Belt||A fast underground belt that can transport items underground.||Belt Speed: 2 items/s||Technology||[[File:build_31.png]]||Reinforced Iron Plate*4，Iron Rod*6||0 |- <!-- 第7行 --> |Express Underground Belt||A express underground belt that can transport items underground.||Belt Speed: 4 items/s||Technology||[[File:build_32.png]]||Steel Plate*1，Steel Pipe*2||0 |- <!-- 第8行 --> |Hyperfast Underground Belt||||Belt Speed: 8 items/s||Technology||[[File:build_33.png]]||Chip*2，Reinforced Concrete*8||0 |- <!-- 第9行 --> |Splitter||Splitter can divide 1 logistic line into 3. Splitter cannot connect with other splitters and mergers, and can only connect with 1 chest.||1 input, 3 outputs||Technology||[[File:build_40.png]]||Iron Plate*3，Copper Cable*4||0 |- <!-- 第10行 --> |Merger||Merger can merge up to 3 logistic lines into 1. Mergers cannot connect with other mergers and splitters, and can only connect with one chest.||3 inputs, 1 output||Technology||[[File:build_41.png]]||Copper Plate*3，Iron Rod*2||0 |- <!-- 第11行 --> |Smart Splitter||Smart Splitter can divide 1 logistic line into 3 and can set specific sorting rules for items.||1 input, 3 outputs||Technology||[[File:build_42.png]]||Steel Plate*4，Energy Module C*1||0 |- <!-- 第12行 --> |Inter-area Sending Depot||Used to send items between different lands.||Power Consumption: 45kW||Oracle Temple Repair||[[File:build_452.png]]||Industrial Structure*5，Steel Core*5||-45 |- <!-- 第13行 --> |Inter-area Receiving Depot||Can receive items sent from an [Inter-area Sending Depot].||Power Consumption: 25kW||Oracle Temple Repair||[[File:build_453.png]]||Industrial Structure*5，Stator*10||-25 |- <!-- 第14行 --> |Overflow Splitter (Left)||It discharges from the secondary outlet when the main one is overflowing, and cannot directly connect to chest and machine. Outlet can only connect to transport belt.||1 input, 2 outputs||Technology||[[File:build_44.png]]||Wooden Frame*2，Screw*5||0 |- <!-- 第15行 --> |Overflow Splitter (Right)||It discharges from the secondary outlet when the main one is overflowing, and cannot directly connect to chest and machine. Outlet can only connect to transport belt.||1 input, 2 outputs||Technology||[[File:build_45.png]]||Wooden Frame*2，Screw*5||0 |} </div> <div class="resp-tab-content" style="display:none"><!--energy--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!power!!water |- <!-- 第1行 --> |Small Coal Generator||Manual addition of coal is required for the small power generator.||Generates: 24kW||Technology||[[File:build_199.png]]||Iron Plate*10，Copper Cable*20，Iron Rod*5||24||0 |- <!-- 第2行 --> |Coal Generator||Widely used power generation device, uses fuel to turn water into steam to generate electricity.||Generates: 65kW||Technology||[[File:build_201.png]]||Iron Frame*8，Primary Tools*20，Copper Cable*30||65||-20 |- <!-- 第3行 --> |Solar Power Panel||Converts solar energy into electric energy, consumes no resources, limited power generation per panel, works better when combined with accumulator.||Maximum Power Generation: 12kW/panel||Technology||[[File:build_202.png]]||Glass*20，Rotor*5，Iron Frame*5||12||0 |- <!-- 第4行 --> |Fuel Generator||Generates electricity by burning oil||Generates: 550kW||Oracle Temple Repair||[[File:build_203.png]]||Industrial Structure*10，Electric Motor*5，Advanced Tools*8||550||0 |- <!-- 第5行 --> |Accumulator||Stores a certain amount of electric energy, can release electric energy when the power generation devices are not working.||Stores: 10MJ||Technology||[[File:build_220.png]]||Iron Frame*10，Stator*10||0||0 |- <!-- 第6行 --> |Wire||Commonly used to connect power generators and devices||Transmits electricity||Technology||[[File:build_250.png]]||Copper Cable*2||0||0 |- <!-- 第7行 --> |Inter-area Power Provider||It does not require the use of wires to transmit power from different factories to the Inter-area Power Receiver.||Power Consumption30kw / s||Oracle Temple Repair||[[File:build_260.png]]||Industrial Structure*5，Stator*10，Steel Core*3||-30||0 |- <!-- 第8行 --> |Inter-area Power Receiver||It can receive power transmitted by the Inter-area Power Provider.||Receive cross-domain power||Oracle Temple Repair||[[File:build_261.png]]||Industrial Structure*2，Stator*15，Steel Core*5||0||0 |- <!-- 第9行 --> |Water Pump||It should be built on the water surface to extract water. It is highly recommended to have independent power supply to avoid the shutdown in case of power outage.||Water Extraction: 60L||Technology||[[File:build_300.png]]||Copper Plate*10，Screw*60||-12||60 |- <!-- 第10行 --> |Pumpjack||It can extract crude oil from the crude oil field.||Crude Oil Extraction: 30L||Oracle Temple Repair||[[File:build_301.png]]||Industrial Structure*10，Advanced Tools*5，Electric Motor*10||-45||30 |- <!-- 第11行 --> |Liquid Pipeline||It is used to connect liquid outlets and inlets.||Liquid transmission||Technology||[[File:build_320.png]]||Copper Plate*2，Iron Plate*2||0||0 |} </div> <div class="resp-tab-content" style="display:none"><!--storage--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials |- <!-- 第1行 --> |Wooden Chest||A small wooden chest used for storing items, cannot be merged into the logistics network.||Storage Size: 32||beginning learn||[[File:build_1.png]]||Lumber*5 |- <!-- 第2行 --> |Storage Chest||A chest used for storing items, can be merged into the logistics network, with 1 output and 1 input.||Storage Size: 54||Technology||[[File:build_2.png]]||Lumber*5，Aggregate*3 |- <!-- 第3行 --> |Auto Shipping Chest||A chest used for selling items, can be merged into the logistics network, with 1 input.||Available from 7:00 to 23:00||Technology||[[File:build_3.png]]||Lumber*2，Copper Ingot*5 |- <!-- 第4行 --> |Auto Supplying Chest||Used to receive daily supplies from resource sites, can be merged into the logistics network, with 1 output.||Storage Size: 56||Technology||[[File:build_4.png]]||Lumber*3，Iron Ingot*5 |- <!-- 第5行 --> |Shipping Chest||A chest used for shipping items.||出货箱8:00~22:00开放||Technology||[[File:build_5.png]]||Lumber*15 |- <!-- 第6行 --> |Large Supplying Chest||Used to receive daily supplies from resource sites, can be merged into the logistics network, with 2 output.||Storage Size: 120||Technology||[[File:build_6.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate*10 |- <!-- 第7行 --> |Iron Chest||A iron chest used for storing items, cannot be merged into the logistics network||Storage Size: 64||Technology||[[File:build_7.png]]||Iron Frame*2，Reinforced Iron Plate*2 |- <!-- 第8行 --> |Large Storage Chest||A chest used for storing items, can be merged into the logistics network, with 2 output and 2 input.||Storage Size: 120||Technology||[[File:build_8.png]]||Iron Frame*2，Reinforced Iron Plate*2 |- <!-- 第9行 --> |Network Storage (with input)||A network chest used for storing items, when built, the items inside can be directly accessed, more chests built for more storage space.||Each one adds 24 storage slots||Technology||[[File:build_10.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate10 |- <!-- 第10行 --> |Network Storage (without input)||Each one adds 24 storage slots||Each one adds 24 storage slots||Technology||[[File:build_11.png]]||Glass*5，Industrial Structure*2，Reinforced Wooden Plate10 |- <!-- 第11行 --> |Network Pickup Box||Can receive items from the network storage, with an item output.||Power Consumption/24kW||Technology||[[File:build_12.png]]||Large Computer*1，Organic Energy Block*10 |} </div> <div class="resp-tab-content" style="display:none"><!--build--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message1!!message2!!access!!icon!!materials!!power!!water |- <!-- 第1行 --> |Mini Satellite||Used to scale the workshop view, and the more you build, the higher the zoom rate. The maximum effective upper limit is 10.||Power Consumption: 48kW||Oracle Temple Repair||[[File:build_130.png]]||Glass*20，Steel Core*5，Rotor*10||-64||0 |- <!-- 第2行 --> |Stone Wall||Wall constructed with stone, and upgrading the beast tide building's blood volume can increase its durability by 150 points.||Base Durability: 800||Technology||[[File:build_400.png]]||Stone Brick*10||0||0 |- <!-- 第3行 --> |Steel Wall||Steel wall, and upgrading the beast tide building's blood volume can increase its durability by 200 points.||Base Durability: 1400||Technology||[[File:build_401.png]]||Reinforced Brick*10，Steel Plate*5||1||1 |- <!-- 第4行 --> |Strong Steel Wall||Reinforced steel wall, and upgrading the beast tide building's blood volume can increase its durability by 280 points.||Base Durability: 2200||Technology||[[File:build_402.png]]||Industrial Structure*3，Iron Tools*5||2||2 |- <!-- 第5行 --> |Sign||A guide sign that can be customized with icon and text.||Can be customized with icon and text.||Technology||[[File:build_410.png]]||Reinforced Wooden Plate*1，Wooden Frame*1||0||0 |- <!-- 第6行 --> |Wooden Gate||A short gate constructed using wood.||Durability: 300||Technology||[[File:build_430.png]]||Wooden Plate*5，Wooden Rod*5||0||0 |- <!-- 第7行 --> |Teleport Pad||Requires two or more in the same land, allows for quick transportation.||Power Consumption: 24kW||Oracle Temple Repair||[[File:build_450.png]]||Iron Tools*5，Iron Core*2，Iron Core*10||-24||0 |- <!-- 第8行 --> |Inter-area Teleporter||Enables fast movement between different lands.||Power Consumption: 75kW||Oracle Temple Repair||[[File:build_451.png]]||Chip*3，Advanced Tools*3，Controller*2||-75||0 |- <!-- 第9行 --> |Floor Dismantle||Used to dismantle constructed floors.||Floor Dismantle||Oracle Temple Repair||[[File:build_459.png]]||||0||0 |- <!-- 第10行 --> |Stone Floor||Slightly increases movement speed.||Base Speed +20%||Oracle Temple Repair||[[File:build_460.png]]||Stone Brick*5||0||0 |- <!-- 第11行 --> |High-Speed Floor||Increases movement speed.||Base Speed +35%||Technology||[[File:build_461.png]]||Reinforced Brick*8||0||0 |- <!-- 第12行 --> |High-Performance Floor||Increases movement speed.||Base Speed +60%||Technology||[[File:build_462.png]]||High-performance Flooring*4||0||0 |- <!-- 第13行 --> |Small Floor Lamp||Small lamp that illuminates the surrounding area at night.||Power Consumption: 2kW||Technology||[[File:build_480.png]]||Copper Cable*2，Iron Plate*1||-2||0 |- <!-- 第14行 --> |Street Lamp||Lamp that illuminates the surrounding area at night.||Power Consumption: 10kW||Technology||[[File:build_481.png]]||Glass*10，Stator*2，Steel Pipe*5||-10||0 |- <!-- 第15行 --> |High Beam Tower||Substantially illuminates the surrounding area at night.||Power Consumption: 35kW||Technology||[[File:build_482.png]]||Controller*2，Circuit Board*1，Stator*10||-35||0 |- <!-- 第16行 --> |Changkong Lamp||Lights up the surrounding area without consuming power.||Power Consumption: 0kW||Xu Changkong 6 star||[[File:build_483.png]]||Glass*15，Wooden Frame*5，Oiled Paper*6||0||0 |- <!-- 第17行 --> |Light Wood Floor||Light-colored wooden floor.||Floor||Lin Shanshi sale||[[File:build_501.png]]||Wooden Plate*2||0||0 |- <!-- 第18行 --> |Dark Wood Floor||Dark-colored wooden floor.||Floor||Lin Shanshi sale||[[File:build_502.png]]||Wooden Plate*2||0||0 |- <!-- 第19行 --> |Brick Floor||Floor made of brick.||Floor||Lin Shanshi sale||[[File:build_503.png]]||Stone Brick*2||0||0 |- <!-- 第20行 --> |Metal Floor||Floor made of metal.||Floor||Global Village sale||[[File:build_504.png]]||Steel Plate*2||0||0 |- <!-- 第21行 --> |Floor made of metal.||Tower that can shoot arrow-shaped projectiles.||Compatible with arrows||Technology||[[File:build_600.png]]||Reinforced Concrete*20，Iron Tools*10||0||0 |- <!-- 第22行 --> |Turret||Turret that can shoot cannonball-shaped shells.||Compatible with shells||Technology||[[File:build_605.png]]||Reinforced Brick*20，Steel Plate*20||0||0 |- <!-- 第23行 --> |Healing Tower||Tower that can repair nearby buildings.||Compatible with repair packs||Technology||[[File:build_610.png]]||Steel Core*10，Industrial Structure*10||0||0 |- <!-- 第24行 --> |Spiked Fence||The attacker will take 80% damage, and upgrading the beast tide building's blood volume can increase its durability by 180 points.||Durability: 600||Technology||[[File:build_650.png]]||Reinforced Wooden Plate*10，Arrow*10||0||0 |- <!-- 第25行 --> |Rocket Silo||Necessary device for launching rockets||||Oracle Temple Repair||[[File:build_900.png]]||Mechanical Core*100，Large Computer*100，Advanced Tools*200，Superalloy500||0||0 |} </div> </div> </div> </div> </div> 14f0cf178f241b48db4edfa05bee93fda40dfbd9 0 9 15 14 2024-02-15T04:30:28Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!purpose!!icon!!selling price |- <!-- 第1行 --> |Spider Silk||Silk produced by spiders||sale,produce||[[File:item_900.png]]||3 |- <!-- 第2行 --> |Spider Leg||Spider Leg||sale,produce||[[File:item_901.png]]||4 |- <!-- 第3行 --> |Bat Tooth||Bat Tooth||sale,produce||[[File:item_902.png]]||3 |- <!-- 第4行 --> |Bat Wings||Bat Wings||sale,produce||[[File:item_903.png]]||3 |- <!-- 第5行 --> |Wolf Tooth||Wolf Tooth||sale,produce||[[File:item_904.png]]||35 |- <!-- 第6行 --> |Beast Fur||Beast Fur||sale,produce||[[File:item_905.png]]||45 |- <!-- 第7行 --> |Wild Boar Tooth||Wild Boar Tooth||sale,produce||[[File:item_906.png]]||42 |- <!-- 第8行 --> |Scorpion Shell||Shell dropped by scorpions||sale,produce||[[File:item_907.png]]||502 |- <!-- 第9行 --> |Sharp Poison Needle||Poisonous needle from scorpions' tail||sale,produce||[[File:item_908.png]]||908 |- <!-- 第10行 --> |Sharp Scorpion Pincer||Scorpion's pincer||sale,produce||[[File:item_909.png]]||402 |- <!-- 第11行 --> |Mystic Serpent Horn||Horn dropped by the Mystic Serpent||sale,produce||[[File:item_910.png]]||1620 |- <!-- 第12行 --> |Mystic Serpent Leather||Leather dropped by the Mystic Serpent||sale,produce||[[File:item_911.png]]||1330 |- <!-- 第13行 --> |Mystic Serpent Essence||Power essence dropped by the Mystic Serpent||sale,produce||[[File:item_912.png]]||5580 |} </div> </div> </div> </div> </div> cb11df9227a1b53f1f0bd4a52a26046fecc8037b 0 11 21 20 2024-02-15T04:30:28Z Pcj 1919 1 revision imported wikitext text/x-wiki <big> =Blacksmith= Attribute: Shop, Function The smithy is located in the southwest direction of River Town. Enter River Town and go straight left to see it. The daily business hours are 9:00-17:00. Here, players can purchase items and upgrade axes and picks. Related NPC: [[Lu Wei]] [[File:铁匠铺.png|300px]] ===upgrade axes and picks=== After upgrading the ax and pickaxe, the collection speed can be increased, the cleaning speed of the workshop can be increased, and the hard crushed stones at the entrance of some caves or ruins can be cleaned. 11ab2a3d904dcbfb504adbb70f04b21f966ad784 0 12 25 24 2024-02-15T04:30:28Z Pcj 1919 3 revisions imported wikitext text/x-wiki =Blueprint= Unlock after repairing the fifth node of Oracle Temple T3 Via the blueprint function, you can select and copy the completed buildings to save them in the blueprint for quick construction. [[file:80_1_en.jpg]] The construction of blueprints requires the player to carry building capsules in their backpack, and each building will consume one building capsule. Building capsules can be synthesized through wooden frames and concrete. [[file:80_2_en.jpg]] The Building Capsule Machine (newly added in version V0.8.0.0922.1) can be unlocked through technology. After being powered on, it can automatically produce building capsules. [[file:80_3_en.jpg]] The blueprint sharing function is expected to be enabled after the creative workshop is opened. Currently, only by copying the blueprint of other players can other workshop owners' blueprints be used. The location of the blueprint is in the game library → management → browse local files → Save folder in the blueprint file. In the official game QQ group files, there are player blueprint sharing. If you have a demand, you can join the group to receive it yourself. If you already have your own blueprint, it is recommended to back it up before using it. b3cc1dedbefd8bd2d77318a3c486e5e1075fa7a1 0 13 29 28 2024-02-15T04:30:28Z Pcj 1919 3 revisions imported wikitext text/x-wiki === Construction === In workshops and distributed workshops, we can use the build function to build our production lines. === Control introduction === 【 Build button 】 In the upper right corner below the date. We can click the button or use the shortcut key [Q] to call the build page. Digital keys [0] - [9] can set the building shortcut key. The setting method is to move the mouse to the building you want to select on the building page, and press the number key to set it. The set building will be displayed in the UI 【 Right mouse button 】 Remove the selected building [B] Copy selected buildings [Batch demolition] Ctrl+ right mouse button can batch dismantle buildings (F2 enters power mode, can batch dismantle wires, F3 enters water mode, can batch dismantle water pipes) [[File:工坊操作说明en.png]] [[File:快速建造.png]] === Construction operation instructions === After selecting the building to be built, 【 left mouse button 】 Build, 【 Right mouse button 】 Cancel, [R] Rotating architecture [[File:建造操作说明en.png]] === Workshop building information === When the mouse points to a building, real-time information about that building is displayed according to the type of building. For example, production buildings Will display its operating status, Recipes, input and output materials, and shortcut key functions [C] Copy the recipe 【V】 Paste the recipe [[File:工坊建筑信息en.png]] When the mouse points to a storage building The name you set for the bin will be displayed, along with the items stored [[File:储物箱说明en.png]] When the mouse points at the conveyor belt [F] You can remove items that the mouse points to [R] Rotate the mouse to point the conveyor belt, this function can be used directly on the conveyor belt that has been built [[File:传送带说明en.png]] The use of [underground conveyor belt] Click the left button to place the conveyor belt entrance, and then move the mouse along the direction of our conveyor belt. After reaching the specified position, the single mouse can be placed at the exit again There is a transmission distance, the ground can not be transmitted beyond the distance, we only need multiple connections to use the underground conveyor belt for long distances [[File:地下传送带en.png]] cf62632909e635bb20e7fa9dcd30ed4054c0d0db 0 14 31 30 2024-02-15T04:30:28Z Pcj 1919 1 revision imported wikitext text/x-wiki =Cao Yunhui[[File:曹云惠.png]]= ===Journey=== Cao Yunhui only sets up her stall on non-rainy and non-snowy days at the "River Town Variety Store." 【Rainy or Snowy Days】 Wakes up at 9:00 AM and stays indoors at Lu's House the entire day. 【Non-Rainy, Non-Snowy Days】 Wakes up at 7:40 AM and sets up her stall. 【Monday】【Tuesday】【Wednesday】 At 4:00 PM, packs up her stall and goes to the Blacksmith. After Lu Wei finishes work, they go to the inn for a drink. At 9:00 PM, returns home to sleep. 【Thursday】 At 4:00 PM, packs up her stall and returns home. 【Friday】【Sunday】 At 4:00 PM, packs up her stall and goes to the Blacksmith. After Lu Wei finishes work, see Lu Wei's schedule for details. 【Saturday】 Wakes up at 6:00 AM to pick flowers in River Town Suburbs. At 10:40 AM, departs for a sisters' gathering at the SwordWay Sect. At 6:50 PM, starts the journey home. c4ca829c28989181d71055fa8396c9945d59ffaa 0 15 33 32 2024-02-15T04:30:28Z Pcj 1919 1 revision imported wikitext text/x-wiki =Cao Yunxiu[[File:曹云秀.png]]= ===Journey=== 【Monday】【Wednesday】【Friday】 Wakes up at 10:00 AM and goes to her room's vanity to look in the mirror. At 2:00 PM, stands by the lake in the backyard. At 6:00 PM, stands in the dining hall on the first floor. At 9:00 PM, returns to her room to sleep. 【Tuesday】【Sunday】 Wakes up at 10:00 AM and goes to Heart Cliff to watch her husband practice swordplay. If it's rainy or snowy, she stands in the main hall for a while. At 4:00 PM, goes to Moonriver Inn. At 8:00 PM, returns to SwordWay Sect. 【Thursday】 Wakes up at 10:00 AM and receives Chai Feifei in the small tea house on the second floor. At 1:00 PM, watches Li Wangxing practice swordplay in the front yard. At 6:00 PM, returns to her bedroom. 【Saturday】 Wakes up at 10:00 AM and prepares in the small tea house on the second floor. At 2:40 PM, starts the sisters' gathering. At 7:10 PM, returns to her bedroom. 839a304b3ccfaed0bee19d833b5922dedf53166d 0 16 35 34 2024-02-15T04:30:28Z Pcj 1919 1 revision imported wikitext text/x-wiki =Caves= The cavern is one of the treasure-hunting instances in this game, usually featuring 2-3 layers of space challenges. After killing all the enemies on this layer, you can unlock the entrance to the next layer. The last layer has three treasure chests and a teleportation array. The teleportation array allows you to directly leave the cave and return to the main map. The monsters in the cave are refreshed daily, but the treasure chests are not refreshed and can only be opened once. Regarding the enemies in the cave, you can refer to the enemy page for inquiries. On the main map, the following three icons represent the caves: {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !area!!name!!coord!!award |- <!-- 第1行 --> |North||Flowing Fish Cave||119，105||Prosperity Mantra<br>Exp Pill (External)<br>Flowing Fish Blade |- <!-- 第2行 --> |rowspan=4 colspan=1|North |Moonlight Cave||100,33||Light Body Amber*1<br>Wound Medicine*8<br>Cat Stealth |- <!-- 第3行 --> ||Erosion Cave||100,16|| 4250 money<br>Exp Pill (Tough)*2<br>Pure Buddha Beads |- <!-- 第4行 --> ||Azure Feather Cave||62,14||Blood Coral*2<br>Defy Death Swordplay<br>Roc Mantra |- <!-- 第5行 --> ||Red Ghosts Cave||67,69||Fiery Cicada*2<br>Rebirth Pill*5<br>The backpack adds 8 grids. |- <!-- 第6行 --> |rowspan=3 colspan=1|East |Star Stealing Cave||192,102||Monk Sarira*3<br>Night Bloom Mantra<br>Star Stealing SwordDance |- <!-- 第7行 --> ||Sliced Bamboo Cave||160,119||9982 money<br>Bursting Frost Mantra<br>Residual Winter Swordplay |- <!-- 第8行 --> ||Night Rain Cave ||138,122||Ganoderma Lucidum*2<br>Eternal Flower*2<br>Night Rain Sword |- <!-- 第9行 --> |rowspan=4 colspan=1|west |Weird Cave||14,42||Five Treasure Stew*2<br>Brahman Sutras<br>Soul Holding Pill |- <!-- 第10行 --> ||Silk Cave||29,118||Light Body Amber*3<br>Monk Sarira*2<br>Flying Snow Sword |- <!-- 第11行 --> ||Litcandle Cave||10,166||16350 money<br>Starry Elixir<br>The backpack adds 8 grids. |- <!-- 第12行 --> ||Hibernation Cave||54,168||Monk Sarira*2<br>Spirit Tortoise Shell*2<br>Dragon's Blood Tea |- <!-- 第13行 --> |rowspan=3 colspan=1|South |Cloud Wave Cave||78,161||Eternal Flower*5<br>Peace Dew<br>Stealth Sword |- <!-- 第14行 --> ||Cave||99,189||Lin Shanshi task |- <!-- 第15行 --> ||Shadowseeker Cave||150,175||Blood Coral*5<br>37620 money<br>Emperor Scrolls |} </div> </div> </div> </div> </div> 2e26c2908279d1531b297f0c921fbd2cd42c1341 0 17 37 36 2024-02-15T04:30:29Z Pcj 1919 1 revision imported wikitext text/x-wiki =CeaseWar Vill.[[File:village3.png]]= Located in the south, coordinates (67,170). To reach here, you need to repair the damaged South Bridge first. South Bridge: Connecting Zhongzhou and the southern continent, coordinates (96,140). It was damaged by the fire from heaven and cannot be used. Oracle Temple Repair T5 Node 5 it can be passed through. In the 2nd-floor room in the lower right corner, you can spend 550,000 money to buy [Throne] ccb4e76435e41351bc7801a5c54ce032af63753e 0 18 39 38 2024-02-15T04:30:29Z Pcj 1919 1 revision imported wikitext text/x-wiki =Chai's Villa[[File:chaiHouse.png]]= Located east of the Workshop, coordinates (110, 89) Related NPCs: Grandmother Chai, Chai Feifei, Chai Shihao, 4 Chai's servants f61a0050bec1b4cc7c31ee274440f83a92f03107 0 19 45 44 2024-02-15T04:30:29Z Pcj 1919 5 revisions imported wikitext text/x-wiki =Chai Feifei[[File:face_cff_0.png]]= ===Journey=== 【Monday】 No matter what season it is, Chai Feifei won't leave ChaiVilla. 10:00, get up and train the servants. 13:00, go to ChaiAncestral Hall. 17:00, go back to the room to look at the account books. 21:00, go to sleep. 【Wednesday】 13:00, go to her grandmother's room to visit her grandmother. The rest is the same as Monday. 【Tuesday】 【Saturday】 7:30, get up and go to River Town. Gather at Xu`s Main hall rockery before Li Wangxing gets up at 11:00 and start playing after Xu Changkong gets up. Spring and autumn: Chai Feifei will go shopping in River Town with two friends. 11:00, go to the Blacksmith. 14:12, go to the Tailor Shop. 17:40, set off for dinner at the Moonriver Inn. 21:30, go home and rest. Summer: Chai Feifei will go on a picnic in the outskirts of River Town with two friends. 11:00, go to the outskirts of River Town. 17:00, leave for the Moonriver Inn. 21:30, go home and rest. 【Thursday】 Chai Feifei will visit Cao yunxiu in the SwordWay Sect and participate in Li Wangxing's "National Martial Arts" program. 7:00, get up and go to the small tea house on the second floor of the Swordway Sece Hall. 13:00, go to the SwordWay Sect's performance ground. 18:00, go back to the room and throw the flask. 21:00, go to sleep. 【Friday】 After training the servants, Chai Feifei will visit Xu Fuchun in the guild and accompany him to play chess after the guild's business is over. 10:00, get up and train the servants. 13:00, go to the River Town guild. 18:12, go to the Occult Go Club to accompany Xu Fuchun to play chess. 21:28, go home and sleep. 【Sunday】 Chai Feifei will visit He Lianchangshan's exhibition and have dinner with Cai Shihao in the Moonriver Inn private room in the afternoon. 8:30, get up and go to He Lianchangshan's special sale in River Town. 15:00, have dinner in the Moonriver Inn private room. 20:00, go home and sleep. d079e21ce1104cdb95a412bda1761b06669b7ef1 0 20 47 46 2024-02-15T04:30:29Z Pcj 1919 1 revision imported wikitext text/x-wiki =Chai Shihao[[File:柴世豪.png]]= The eldest son of the Chai family. ===Journey=== During the carnival, Chai Shihao will always stand in front of the goods pile in the front yard of the Chai family. When the task of returning the gold medal is triggered, Chai Shihao will stay in the warehouse of the SwordWay Sect hall. From 6 o'clock every day, Chai Shihao would stand in front of the goods pile in the front yard of the Chai family. 【Monday，Wednesday，Friday】 At 13 o'clock, go to the ancestral hall. At 19:00, return to the warehouse. 【Tuesday ，Thursday ，Saturday】 At 10 o'clock, go to River Town Guild. At 15:30, I returned to the warehouse. 【Sunday】 At 11 o'clock, go to the special sale at He Lianchangshan. At 15:00, go to the private room at the Moonriver Inn. At 20:00, I returned to the warehouse of the Chai family. 3e59bf18fad051bc0ec6dd95858c042dd0c68ce3 0 21 49 48 2024-02-15T04:30:29Z Pcj 1919 1 revision imported wikitext text/x-wiki =Changshan's Hs.= Attribute: Residential It is located in the southeast of River Town, There are three rooms. Helian Changshan lives in the main room, where his collections and goods are also stored. The eastern room is rented to Xu Changkong. Open hours: (9:00-22:00) Related NPCs: Helian Changshan, Atuo, Xu Changkong [[file:赫连常山家.png|300px]] d3d241713cb279b78101a96915d55e6e585a866e 0 22 52 51 2024-02-15T04:30:29Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> In the game, press the [Tab] key to bring up the menu interface. The home page is the character's backpack page, and on the right side of the backpack page is the character's equipment and attribute map. Attributes affect the relevant as follows: [[File:背包en.png|thumb|none]] [[File:属性说明1en.png|thumb|none]] [[File:属性说明2en.png|thumb|none]] a3107d502854ba37db1c7c6c03e75ca6c027dea8 0 23 55 54 2024-02-15T04:30:29Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> =Cloudy Mt.[[File:yuntaiMountain.png]]= Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day. f8f057fb58fb08fe10ad51d718a3d3482f3c9356 0 24 58 57 2024-02-15T04:30:29Z Pcj 1919 2 revisions imported wikitext text/x-wiki =DW Museum= Attribute: Function The Tian Gong Pavilion is located in the north of Jiangcheng, and you can reach it by walking straight along the main road in the north-south direction of Jiangcheng. Business hours: 9:00-20:00 every day Related NPC: Zheng De In the beginning, the Tian Gong Pavilion in the game did not have a collection display. After receiving a letter from Zheng De and completing the task , the collection display can be unlocked. [[File:天工阁.png|300px]] ===Collection Requirements=== Only items that require <font color=red>processing of one or more processes</font> can be sent to the Tian Gong Pavilion for collection. Each item can only be submitted once. The submitted items will be displayed on the display stand in the Tian Gong Pavilion. <big> After submitting a certain number of collections, you will receive rewards, as follows: {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !number!!award |- <!-- 第1行 --> |3||350 money |- <!-- 第2行 --> |rowspan=2 colspan=1|8 |Blood Coral |- <!-- 第3行 --> ||Monk Sarira |- <!-- 第4行 --> |15||Exp Pill (External)*5 |- <!-- 第5行 --> |rowspan=2 colspan=1|25 |Light Body Amber |- <!-- 第6行 --> ||Spirit Tortoise Shell |- <!-- 第7行 --> |rowspan=2 colspan=1|36 |Fiery Cicada |- <!-- 第8行 --> ||Ganoderma Lucidum |- <!-- 第9行 --> |48||Tortoise Shell |- <!-- 第10行 --> |63||Five Treasure Stew |- <!-- 第11行 --> |75||Eternal Palms |- <!-- 第12行 --> |85||Spirit Eagle Boots |} </div> </div> </div> </div> </div> 13627596a2e10547a9752774d496919a4c14ae5a 0 26 88 87 2024-02-15T04:30:31Z Pcj 1919 26 revisions imported wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4e5469acfd844f67f55503bb5f9810f877781893 0 27 90 89 2024-02-15T04:30:31Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!massage!!icon!!property!!access |- <!-- 第1行 --> |Iron sword||The most basic weapon, only suitable for self-defense.||[[File:item_9000.png]]||Attack + 5||Yu Guanshan presents，Blacksmith Sell |- <!-- 第2行 --> |Cloud-cutter Sword||Sword carried by the disciples of the SwordWay Sect, specially crafted by Lu Wei, exquisite and sharp.||[[File:item_9001.png]]||Attack + 18||Craft Room[Blacksmith recipes sell] |- <!-- 第3行 --> |Hunting Sword||A sword used for hunting, killing enemies stealthily, and convenient to carry.||[[File:item_9002.png]]||Attack + 18||Blacksmith sell |- <!-- 第4行 --> |Binghua Dagger||A small dagger designed by Lu Binghua herself, better than any sword available on the market.||[[File:item_9003.png]]||Attack + 21 External +3||Craft Room[Blacksmith recipes sell] |- <!-- 第5行 --> |Night Rain Sword||Portable weapon of the MoonShadow Assassins, often used as a tool to identify one's identity.||[[File:item_9004.png]]||Attack + 38 External + 5||Night Rain Cave |- <!-- 第6行 --> |Flying Snow Sword||Weapon from Han Shan's youth, showcasing his terrifying force.||[[File:item_9005.png]]||Attack + 45 External + 7||Silk Cave |- <!-- 第7行 --> |River-Cutting Sword||Forged from the sword manuscript of Lu Wei's family, unable to forge the highest quality even in their lifetime.||[[File:item_9006.png]]||Attack + 37 External + 4||Craft Room[Blacksmith recipes sell] |- <!-- 第8行 --> |Stealth Sword||Sword carried by the Pure Temple, the wielder feels as if entering into the void, concentrating the mind.||[[File:item_9007.png]]||Attack + 68 External + 11||Cloud Wave Cave |- <!-- 第9行 --> |Jade Dragon Sword||Legendary treasure sword used by the leader of the rebel army, capable of cutting iron like mud, made from special materials found in the Oracle Temple.||[[File:item_9008.png]]||Attack + 72 External + 9||Craft Room[Blacksmith recipes sell] |- <!-- 第10行 --> |Immortal Sword||Treasure of the Immortal Sect, lost in the factional struggles, the wielder can reunite the two factions.||[[File:item_9009.png]]||Attack + 90 External + 15||Deicide Cave |- <!-- 第11行 --> |Cloth Headscarf||A headscarf sewn from hemp, of little practical use.||[[File:item_10000.png]]||Defense + 2||Tailor Shop sell |- <!-- 第12行 --> |Brocade Cap||A popular hat among the small wealthy households, good material.||[[File:item_10001.png]]||Defense + 6 Internal + 1||Tailor Shop sell |- <!-- 第13行 --> |Moonshade Hat||A hat designed by Yeli Wangzhu according to her mood, the only one of its kind in the world.||[[File:item_10002.png]]||Defense + 12 Internal + 3 <br>MP Recovery + 1||Ye Liwangzhu gift |- <!-- 第14行 --> |Falcon Hat||Hat favored by the Oasis Kingdom's clan for hunting, symbolizing successful hunts.||[[File:item_10003.png]]||Defense + 9 Internal + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第15行 --> |Long Night Hat||Symbolic headwear of the MoonShadow Assassins, at the sight of this hat, the long night is sleepless for anyone.||[[File:item_10004.png]]||Defense + 14 Internal + 4||Craft Room[Tailor Shop recipes sell] |- <!-- 第16行 --> |Heavens Dragon Crown||Crown prepared by the leader of the rebel army for himself, adorned with pearls and jades.||[[File:item_10008.png]]||Defense + 20 Internal + 6||Complete the task [Build global village] |- <!-- 第17行 --> |Cloth Shirt||A common cloth shirt, available anywhere.||[[File:item_11000.png]]||Defense + 4||Tailor Shop sell |- <!-- 第18行 --> |Charm Fox Fur||Robe loved by the Oasis Kingdom warriors, initially designed by Yeli Wangzhu.||[[File:item_11002.png]]||Defense + 8 Tough + 1||Tailor Shop sell |- <!-- 第19行 --> |Moonshade Robe||A robe designed by Yeli Wangzhu according to her mood, the only one of its kind in the world.||[[File:item_11003.png]]||Defense + 22 Tough + 3 <br>HP Recovery +1||Ye Liwangzhu gift |- <!-- 第20行 --> |Resistance Cloak||A cloak that can withstand freezing weather, with extremely strong cold resistance.||[[File:item_11004.png]]||Defense + 15 Tough + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第21行 --> |Century Armor||Armor designed by the royal family for victorious generals, accompanying them through a hundred battles without defeat.||[[File:item_11007.png]]||Defense + 26 Tough + 4||Craft Room[Tailor Shop recipes sell] |- <!-- 第22行 --> |Oracle Robe||Rumored to be the robe worn by the oracle envoy, made of special material that is impervious to weapons.||[[File:item_11008.png]]||Defense + 35 Tough + 6||Repair All Lighthouse award |- <!-- 第23行 --> |Cloth Shoes||Ordinary cloth shoes, available anywhere||[[File:item_12000.png]]||Defense + 1||Tailor Shop sell |- <!-- 第24行 --> |Pursuit Shoes||Whether chasing deer in the woods or chasing glory in the war, wearing them seems to pose no obstacle.||[[File:item_12002.png]]||Defense + 3 Lightness + 1||Tailor Shop sell |- <!-- 第25行 --> |Foxstep Shoes||Wearing them is like moving like a fox in the woods, making it difficult for others to notice.||[[File:item_12004.png]]||Defense + 6 Lightness + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第26行 --> |Moonstep Boots||Designed by Yeli wangzhu according to his mood, there is only one pair in the world.||[[File:item_12005.png]]||Defense + 7 Lightness + 2 <br> Move Speed + 15%||Ye Liwangzhu gift |- <!-- 第27行 --> |Warrior Boots||Disciples of the Warrior Sect are not good at lightness skill, so these boots are specially made to improve their agility.||[[File:item_12006.png]]||Defense + 11 Lightness + 3||Craft Room[Whitehead Village Martial Supreme] |- <!-- 第28行 --> |Spirit Eagle Boots||Wearing them is like stepping on a spirit eagle flying in the sky, providing the greatest boost to agility.||[[File:item_12008.png]]||Defense + 18 Lightness + 5 <br>Basic attack stamina consumption halved||Divine Works Museum collect number 85 award |- <!-- 第29行 --> |Silver Ring||A silver ring engraved with delicate cloud patterns.||[[File:item_13001.png]]||Attack + 2 Defense + 2||Tailor Shop sell |- <!-- 第30行 --> |Golden Ring||A ring made of golden jade, capable of deflecting ordinary sword strikes.||[[File:item_13002.png]]||MP Max + 30 MP Recovery + 1||Tailor Shop sell |- <!-- 第31行 --> |White Jade||A precious treasure from Oasis Kingdom, extremely rare to find.||[[File:item_13006.png]]||Defense + 5 HP Max + 70<br>HP Recovery + 1||Complete the task [Song Age global village] |- <!-- 第32行 --> |Safety Knot||A precious safekeeping knot presented by the Hong Xian, highly treasured by her.||[[File:item_13007.png]]||Attack + 9 External + 3 <br>MP Recovery +1||Hong Xian gift |- <!-- 第33行 --> |Pure Buddha Beads||Buddha beads worn by monks of Pure Temple, each bead carries a profound meaning.||[[File:item_13008.png]]||Tough + 5 HP Max + 160 <br>HP Recovery + 2||Erosion Cave |- <!-- 第34行 --> |Twin Bat Knot||A knot embroidered with twin bats, exquisitely crafted, extremely difficult to make.||[[File:item_13009.png]]||Stamina + 100 Footwork + 20 <br>MP Recovery + 2||Craft Room[Tailor Shop recipes sell] |- <!-- 第35行 --> |Weird Fan||Reported to be jointly crafted by the skilled Lin family and oracle envoy, each time the fan is opened, miraculous changes occur.||[[File:item_13012.png]]||Luck + 6 Defense + 16<br>Insight + 8||Secret Cave |- <!-- 第36行 --> |Shatter Dream Ring||It is said that once this ring is worn, one will no longer have any dreams, a lifetime without dreams, whether this can be considered a form of luck is unknown.||[[File:item_13013.png]]||HP Max + 240 MP Max + 240 <br>Luck + 10||Craft Room（He Lianchangshan） |- <!-- 第37行 --> |Dream Stone||According to legend, the wearer will enter a clear and vivid dream, unable to extricate themselves from the strange and mysterious dream stone.||[[File:item_13015.png]]||Stamina + 200 Luck + 15 <br>Insight +15||Complete the task[Secret Box] |- <!-- 第38行 --> |Dimensional Boots||if equipped, you can move through the workshop without being blocked by buildings.||[[File:item_982.png]]||Defense + 8 Lightness + 2 <br>Penetrates the workshop building||Repair T4 Node 5 |- <!-- 第39行 --> |Artisan Ring||Wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||[[File:item_983.png]]||External + 15, Internal + 15 <br>Lightness + 15, Tough + 15||Repair T6 Node 5 |} </div> </div> </div> </div> </div> b8f85ee14eda83e674c308cb53377ab7f0f65e63 0 28 92 91 2024-02-15T04:30:32Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!explain!!upper limit!!price!!burning time |- <!-- 第1行 --> |Wood||[[file:Item 1.png]]||Produce, Fuel||200||0||5 |- <!-- 第2行 --> |Lumber||[[file:Item 2.png]]||Sale, Produce, Fuel||200||2||5 |- <!-- 第3行 --> |Grain||[[file:Item 4.png]]||Sale, Produce||200||1||0 |- <!-- 第4行 --> |Stone||[[file:Item 5.png]]||Produce||200||0||0 |- <!-- 第5行 --> |Sand||[[file:Item 6.png]]||Produce||200||0||0 |- <!-- 第6行 --> |Aggregate||[[file:Item 10.png]]||Sale, Produce||200||2||0 |- <!-- 第7行 --> |Coal||[[file:Item 11.png]]||Sale, Fuel||200||0||11.7 |- <!-- 第8行 --> |Copper Ore||[[file:Item 12.png]]||Sale, Produce||200||0||0 |- <!-- 第9行 --> |Iron Ore||[[file:Item 13.png]]||Sale, Produce||200||0||0 |- <!-- 第10行 --> |Wood Fiber||[[file:Item 14.png]]||Sale, Produce||200||1||2 |- <!-- 第11行 --> |Thread||[[file:Item 15.png]]||Sale, Produce||200||4||1.7 |- <!-- 第12行 --> |Small Cloth Cabinet||[[file:Item 16.png]]||Sale, Produce||200||9||5.5 |- <!-- 第13行 --> |Glass||[[file:Item 17.png]]||Sale, Produce||100||6||0 |- <!-- 第14行 --> |Purified Silicon||[[file:Item 18.png]]||Sale, Produce||200||4||0 |- <!-- 第15行 --> |Wooden Plate||[[file:Item 50.png]]||Sale, Produce||200||3||5.5 |- <!-- 第16行 --> |Wooden Rod||[[file:Item 51.png]]||Sale, Produce||300||1||5.5 |- <!-- 第17行 --> |Reinforced Wooden Plate||[[file:Item 52.png]]||Sale, Produce||100||13||5 |- <!-- 第18行 --> |Wooden Frame||[[file:Item 53.png]]||Sale, Produce||100||17||6.7 |- <!-- 第19行 --> |Iron Core||[[file:Item 54.png]]||Sale, Produce||200||32||0 |- <!-- 第20行 --> |Stone Brick||[[file:Item 55.png]]||Sale, Produce||200||5||0 |- <!-- 第21行 --> |Reinforced Brick||[[file:Item 56.png]]||Sale, Produce||200||13||0 |- <!-- 第22行 --> |Primary Tools||[[file:Item 57.png]]||Sale, Produce||100||6||0 |- <!-- 第23行 --> |Paper||[[file:Item 58.png]]||Sale, Produce||200||2||0.5 |- <!-- 第24行 --> |Oiled Paper||[[file:Item 59.png]]||Sale, Produce||100||12||0.9 |- <!-- 第25行 --> |Iron Ingot||[[file:Item 60.png]]||Sale, Produce||200||3||0 |- <!-- 第26行 --> |Iron Plate||[[file:Item 61.png]]||Sale, Produce||200||4||0 |- <!-- 第27行 --> |Iron Rod||[[file:Item 62.png]]||Sale, Produce||200||3||0 |- <!-- 第28行 --> |Screw||[[file:Item 63.png]]||Sale, Produce||400||2||0 |- <!-- 第29行 --> |Iron Frame||[[file:Item 64.png]]||Sale, Produce||100||22||0 |- <!-- 第30行 --> |Reinforced Iron Plate||[[file:Item 65.png]]||Sale, Produce||200||15||0 |- <!-- 第31行 --> |Iron Tools||[[file:Item 66.png]]||Sale, Produce||100||17||0 |- <!-- 第32行 --> |Steel Core||[[file:Item 67.png]]||Sale, Produce||200||71||0 |- <!-- 第33行 --> |Copper Ingot||[[file:Item 68.png]]||Sale, Produce||200||3||0 |- <!-- 第34行 --> |Copper Plate||[[file:Item 69.png]]||Sale, Produce||200||4||0 |- <!-- 第35行 --> |Copper Cable||[[file:Item 70.png]]||Sale, Produce||200||3||0 |- <!-- 第36行 --> |Energy Module C||[[file:Item 71.png]]||Sale, Produce||100||24||0 |- <!-- 第37行 --> |Energy Module B||[[file:Item 72.png]]||Sale, Produce||100||84||0 |- <!-- 第38行 --> |Energy Module A||[[file:Item 73.png]]||Sale, Produce||100||2||0 |- <!-- 第39行 --> |Steel Ingot||[[file:Item 74.png]]||Sale, Produce||200||5||0 |- <!-- 第40行 --> |Steel Pipe||[[file:Item 75.png]]||Sale, Produce||200||11||0 |- <!-- 第41行 --> |Steel Plate||[[file:Item 76.png]]||Sale, Produce||200||8||0 |- <!-- 第42行 --> |Industrial Structure||[[file:Item 77.png]]||Sale, Produce||100||268||0 |- <!-- 第43行 --> |Reinforced Concrete||[[file:Item 78.png]]||Sale, Produce||200||28||0 |- <!-- 第44行 --> |Electric Motor||[[file:Item 79.png]]||Sale, Produce||100||504||0 |- <!-- 第45行 --> |Mechanical Core||[[file:Item 81.png]]||Sale, Produce||100||2||0 |- <!-- 第46行 --> |Liquor||[[file:Item 82.png]]||Sale, Produce||200||5||0 |- <!-- 第47行 --> |Cooking Oil||[[file:Item 83.png]]||Sale, Produce||200||5||0 |- <!-- 第48行 --> |Liquor精||[[file:Item 84.png]]||Sale, Produce||200||16||0 |- <!-- 第49行 --> |Rotor||[[file:Item 90.png]]||Sale, Produce||80||65||0 |- <!-- 第50行 --> |Stator||[[file:Item 91.png]]||Sale, Produce||80||60||0 |- <!-- 第51行 --> |Chip||[[file:Item 92.png]]||Sale, Produce||150||119||0 |- <!-- 第52行 --> |Controller||[[file:Item 93.png]]||Sale, Produce||100||248||0 |- <!-- 第53行 --> |Advanced Tools||[[file:Item 94.png]]||Sale, Produce||100||890||0 |- <!-- 第54行 --> |Plastic||[[file:Item 95.png]]||Sale, Produce||200||6||0 |- <!-- 第55行 --> |Rubber||[[file:Item 96.png]]||Sale, Produce||200||6||0 |- <!-- 第56行 --> |Circuit Board||[[file:Item 97.png]]||Sale, Produce||100||454||0 |- <!-- 第57行 --> |Large Computer||[[file:Item 98.png]]||Sale, Produce||100||1277||0 |- <!-- 第58行 --> |Fuel Bar||[[file:Item 120.png]]||Sale, Fuel||200||3||24 |- <!-- 第59行 --> |Fuel Energy Cube||[[file:Item 121.png]]||Electricity Generation||100||10||30 |- <!-- 第60行 --> |High-performance Flooring||[[file:Item 122.png]]||Machine Material||200||72||0 |- <!-- 第61行 --> |Packaged Oil||[[file:Item 200.png]]||Produce||200||0||0 |- <!-- 第62行 --> |Organic Energy Block||[[file:Item 205.png]]||Produce||200||0||15 |- <!-- 第63行 --> |Superalloy||[[file:Item 210.png]]||Sale, Produce||300||5||0 |- <!-- 第64行 --> |Radiator||[[file:Item 215.png]]||Sale, Produce||100||9||0 |- <!-- 第65行 --> |Space Structure||[[file:Item 220.png]]||Rocket Material||200||0||0 |- <!-- 第66行 --> |Space Fuel||[[file:Item 221.png]]||Rocket Material||200||0||0 |- <!-- 第67行 --> |Space Engine||[[file:Item 222.png]]||Rocket Material||50||0||0 |- <!-- 第68行 --> |Arrow||[[file:Item 600.png]]||Base Damage: 175||600||3||0 |- <!-- 第69行 --> |Strong Arrow||[[file:Item 601.png]]||Base Damage: 850||600||3||0 |- <!-- 第70行 --> |Frost Arrow||[[file:Item 602.png]]||Base Damage: 335 Enemy slowed||600||3||0 |- <!-- 第71行 --> |Shell||[[file:Item 650.png]]||Base Damage: 70||600||3||0 |- <!-- 第72行 --> |Strong Shell||[[file:Item 651.png]]||Base Damage: 240||600||3||0 |- <!-- 第73行 --> |Frost Shell||[[file:Item 652.png]]||Base Damage: 135 Enemy slowed||600||3||0 |- <!-- 第74行 --> |Repair Pack||[[file:Item 680.png]]||Base Repair Amount: 125||300||3||0 |- <!-- 第75行 --> |Advanced Repair Pack||[[file:Item 681.png]]||Base Repair Amount: 450||300||3||0 |- <!-- 第76行 --> |Antibiotic||[[file:Item 800.png]]||Mission Item, Medicine Restore 10% HP and 10% MP.||10||51||0 |- <!-- 第77行 --> |Delicate Leather||[[file:Item 950.png]]||Sale, Produce||100||48||0 |- <!-- 第78行 --> |Delicate Thread||[[file:Item 951.png]]||Sale, Produce||100||28||0 |- <!-- 第79行 --> |Oracle Stone||[[file:Item 980.png]]||Rocket Material||20||60||0 |- <!-- 第80行 --> |RM Shield||[[file:Item 981.png]]||Passive, Consumable||30||0||0 |- <!-- 第81行 --> |Building Capsule||[[file:Item 990.png]]||Rocket Material||300||1||0 |} </div> </div> </div> </div> </div> 3fe5bac630fba9ad63cbb72dd4c684ecfa6ab765 0 30 98 97 2024-02-15T04:30:32Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Boat Festival sale||Grain*3，Meat*2，Egg*1||Restore 15% MP |- <!-- 第4行 --> |Mooncake||[[File:item_3043.png]]||First place in Mid-Autumn Festival||Kitchen，Mid-Autumn Festival Participation Award||Grain*3，Sugar*2，Fruit*2||Restore 15% HP |- <!-- 第5行 --> |Five Treasure Stew||[[File:item_3048.png]]||Donated 63 items to Divine Works Museum||Kitchen||Boiled Lamb*1，Fish*2，Egg*2||Restore 100% HP and 100% MP，Obtain the [Awakening] effect, lasting 180s，[Awakening] - External + 10, Internal + 10, Lightness + 10, Tough + 10 |- <!-- 第6行 --> |Golden Chicken||[[File:item_3001.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Meat*2||Food Ingredient, restores 35 HP and 35 MP |- <!-- 第7行 --> |Boiled Egg||[[File:item_3004.png]]||Moonriver Inn Weekly study||Kitchen||Egg*2||Restore 35 HP and 15 MP |- <!-- 第8行 --> |Toasted Pancake||[[File:item_3005.png]]||Moonriver Inn Weekly study||Kitchen||Grain*3，Cooking Oil*3||Restore 40 HP and 10 MP |- <!-- 第9行 --> |Grilled Fish||[[File:item_3006.png]]||Moonriver Inn Weekly study||Kitchen||Fish*2，Vegetables*1，Cooking Oil*2||Restore 10 HP and 40 MP |- <!-- 第10行 --> |Vegetarian Buns||[[File:item_3007.png]]||Cao Yunhui Level 6 favorability||Kitchen||Grain*3，Vegetables*3||Restore 25 HP and 25 MP |- <!-- 第11行 --> |Fish Rice||[[File:item_3009.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell,Liu Sanniang Level 3 favorability||Grain*3，Fish*3||Restore 45 HP and 15 MP |- <!-- 第12行 --> |Vegetable Tofu Pot||[[File:item_3010.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 6 favorability,Spring Festival sale||Vegetables*3，Tofu*1||Restore 180 HP and 30 MP |- <!-- 第13行 --> |Drunk Crab||[[File:item_3016.png]]||Moonriver Inn Weekly study||Kitchen||Seafood*3，Liquor*2||Restore 50 HP and 90 MP |- <!-- 第14行 --> |Sugared Lotus Root||[[File:item_3017.png]]||Moonriver Inn Weekly study||Kitchen||Fruit*3，Sugar*2||Restore 110 HP and 80 MP |- <!-- 第15行 --> |Harpflower Liquor||[[File:item_3018.png]]||Moonriver Inn Weekly study||Kitchen||Wild Harpflower*3，Liquor*2||Restore 20 HP and 110 MP |- <!-- 第16行 --> |Dongpo Pork||[[File:item_3021.png]]||Moonriver Inn Weekly study||Kitchen，Yi Yuan Level 3 favorability||Meat*3，Soy Sauce*2，Liquor*2||Restore 160 HP and 50 MP |- <!-- 第17行 --> |Moon Brew||[[File:item_3023.png]]||Liu Sanniang Level 6 favorability||Kitchen，Moonriver Inn sell，Flower Festival sale||Liquor*3，Feather Grass*2，Fennel Ginseng*2||Restore 50 HP and 220 MP |- <!-- 第18行 --> |Golden Soup Chicken||[[File:item_3024.png]]||Moonriver Inn Weekly study||Kitchen，Hong Xian Level 3 favorability||Meat*3，Soy Sauce*3，Fish*2||Restore 15 HP and 240 MP |- <!-- 第19行 --> |Snow Soup||[[File:item_3027.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Tofu*3，Wild Harpflower*2，Sugar*1||Restore 160 HP and 160 MP |- <!-- 第20行 --> |Chinese Hamburger||[[File:item_3030.png]]||Moonriver Inn Weekly study||Kitchen，Lu Wei Level 3 favorability||Toasted Pancake*2，Dongpo Pork*1||Restore 120 HP and 85 MP |- <!-- 第21行 --> |Dragon fish||[[File:item_3031.png]]||Moonriver Inn Weekly study||Kitchen||Fish*3，Soy Sauce*2，Tofu*1||Restore 350 HP and 40 MP |- <!-- 第22行 --> |Lychee Shrimp Balls||[[File:item_3035.png]]||Spring Festival sale||Kitchen，Dragon Boat Festival sale||Seafood*3，Fruit*3||Restore 20% HP and 40% MP，Obtain the [Strong Attack] effect, lasting 180s，[Strong Attack] - Attack + 60 |- <!-- 第23行 --> |Crab Roe Tofu||[[File:item_3038.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 3 favorability||Tofu*2，Seafood*2，Egg*1||Restore 60% MP，Obtain the [Iron Shield] effect, lasting 180s，[Iron Shield] - Defense + 50 |- <!-- 第24行 --> |Flower Cake||[[File:item_3039.png]]||Moonriver Inn Weekly study||Kitchen，Grandmother Chai3 Level 3 favorability，Flower Festival sale||Grain*3，Wild Harpflower*3，Sugar*1||Restore 30% HP and 30% MP |- <!-- 第25行 --> |Boiled Lamb||[[File:item_3041.png]]||CeaseWar Village task [Unresolved Go Game]||Kitchen||Meat*3，Fish*2，Tofu*1||Restore 60% HP，Obtain the [Vitality] effect, lasting 180s，[Vitality] - Stamina Recovery + 2 |} </div> </div> </div> </div> </div> a6bb36ca3d4ed4023add789cc3243a65f28fa480 0 31 101 100 2024-02-15T04:30:33Z Pcj 1919 2 revisions imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Recipe access!!item access!!materials!!effect |- <!-- 第1行 --> |Tofu||[[File:item_3000.png]]||River Town grocery||Kitchen，River Town grocery||Grain*2||Restore 20 HP |- <!-- 第2行 --> |Qing Tuan||[[File:item_3003.png]]||unopen||Kitchen||Grain*3，Meat*3||Restore 10% HP and 10% MP |- <!-- 第3行 --> |Zongzi||[[File:item_3019.png]]||Dragon Boat Festival sale||Kitchen，Dragon Boat Festival sale||Grain*3，Meat*2，Egg*1||Restore 15% MP |- <!-- 第4行 --> |Mooncake||[[File:item_3043.png]]||First place in Mid-Autumn Festival||Kitchen，Mid-Autumn Festival Participation Award||Grain*3，Sugar*2，Fruit*2||Restore 15% HP |- <!-- 第5行 --> |Five Treasure Stew||[[File:item_3048.png]]||Donated 63 items to Divine Works Museum||Kitchen||Boiled Lamb*1，Fish*2，Egg*2||Restore 100% HP and 100% MP，Obtain the [Awakening] effect, lasting 180s，[Awakening] - External + 10, Internal + 10, Lightness + 10, Tough + 10 |- <!-- 第6行 --> |Golden Chicken||[[File:item_3001.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Meat*2||Food Ingredient, restores 35 HP and 35 MP |- <!-- 第7行 --> |Boiled Egg||[[File:item_3004.png]]||Moonriver Inn Weekly study||Kitchen||Egg*2||Restore 35 HP and 15 MP |- <!-- 第8行 --> |Toasted Pancake||[[File:item_3005.png]]||Moonriver Inn Weekly study||Kitchen||Grain*3，Cooking Oil*3||Restore 40 HP and 10 MP |- <!-- 第9行 --> |Grilled Fish||[[File:item_3006.png]]||Moonriver Inn Weekly study||Kitchen||Fish*2，Vegetables*1，Cooking Oil*2||Restore 10 HP and 40 MP |- <!-- 第10行 --> |Vegetarian Buns||[[File:item_3007.png]]||Cao Yunhui Level 6 favorability||Kitchen||Grain*3，Vegetables*3||Restore 25 HP and 25 MP |- <!-- 第11行 --> |Fish Rice||[[File:item_3009.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell,Liu Sanniang Level 3 favorability||Grain*3，Fish*3||Restore 45 HP and 15 MP |- <!-- 第12行 --> |Vegetable Tofu Pot||[[File:item_3010.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 6 favorability,Spring Festival sale||Vegetables*3，Tofu*1||Restore 180 HP and 30 MP |- <!-- 第13行 --> |Drunk Crab||[[File:item_3016.png]]||Moonriver Inn Weekly study||Kitchen||Seafood*3，Liquor*2||Restore 50 HP and 90 MP |- <!-- 第14行 --> |Sugared Lotus Root||[[File:item_3017.png]]||Moonriver Inn Weekly study||Kitchen||Fruit*3，Sugar*2||Restore 110 HP and 80 MP |- <!-- 第15行 --> |Harpflower Liquor||[[File:item_3018.png]]||Moonriver Inn Weekly study||Kitchen||Wild Harpflower*3，Liquor*2||Restore 20 HP and 110 MP |- <!-- 第16行 --> |Dongpo Pork||[[File:item_3021.png]]||Moonriver Inn Weekly study||Kitchen，Yi Yuan Level 3 favorability||Meat*3，Soy Sauce*2，Liquor*2||Restore 160 HP and 50 MP |- <!-- 第17行 --> |Moon Brew||[[File:item_3023.png]]||Liu Sanniang Level 6 favorability||Kitchen，Moonriver Inn sell，Flower Festival sale||Liquor*3，Feather Grass*2，Fennel Ginseng*2||Restore 50 HP and 220 MP |- <!-- 第18行 --> |Golden Soup Chicken||[[File:item_3024.png]]||Moonriver Inn Weekly study||Kitchen，Hong Xian Level 3 favorability||Meat*3，Soy Sauce*3，Fish*2||Restore 15 HP and 240 MP |- <!-- 第19行 --> |Snow Soup||[[File:item_3027.png]]||Moonriver Inn Weekly study||Kitchen，Moonriver Inn sell||Tofu*3，Wild Harpflower*2，Sugar*1||Restore 160 HP and 160 MP |- <!-- 第20行 --> |Chinese Hamburger||[[File:item_3030.png]]||Moonriver Inn Weekly study||Kitchen，Lu Wei Level 3 favorability||Toasted Pancake*2，Dongpo Pork*1||Restore 120 HP and 85 MP |- <!-- 第21行 --> |Dragon fish||[[File:item_3031.png]]||Moonriver Inn Weekly study||Kitchen||Fish*3，Soy Sauce*2，Tofu*1||Restore 350 HP and 40 MP |- <!-- 第22行 --> |Lychee Shrimp Balls||[[File:item_3035.png]]||Spring Festival sale||Kitchen，Dragon Boat Festival sale||Seafood*3，Fruit*3||Restore 20% HP and 40% MP，Obtain the [Strong Attack] effect, lasting 180s，[Strong Attack] - Attack + 60 |- <!-- 第23行 --> |Crab Roe Tofu||[[File:item_3038.png]]||Moonriver Inn Weekly study||Kitchen，Cao Yunhui Level 3 favorability||Tofu*2，Seafood*2，Egg*1||Restore 60% MP，Obtain the [Iron Shield] effect, lasting 180s，[Iron Shield] - Defense + 50 |- <!-- 第24行 --> |Flower Cake||[[File:item_3039.png]]||Moonriver Inn Weekly study||Kitchen，Grandmother Chai3 Level 3 favorability，Flower Festival sale||Grain*3，Wild Harpflower*3，Sugar*1||Restore 30% HP and 30% MP |- <!-- 第25行 --> |Boiled Lamb||[[File:item_3041.png]]||CeaseWar Village task [Unresolved Go Game]||Kitchen||Meat*3，Fish*2，Tofu*1||Restore 60% HP，Obtain the [Vitality] effect, lasting 180s，[Vitality] - Stamina Recovery + 2 |} </div> </div> </div> </div> </div> 895ddee345efefe3c4f7bd28728141866b904139 0 32 103 102 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon!!use!!access |- <!-- 第1行 --> |Exp Pill (External)||Increases the experience value of the external martial arts being studied, with a maximum increase of 1 level.||[[File:item_4110.png]]||External martial arts experience + 60||box，task |- <!-- 第2行 --> |Exp Pill (Internal)||Increases the experience value of the internal martial arts being studied, with a maximum increase of 1 level.||[[File:item_4120.png]]||Internal martial arts experience + 40||box，task |- <!-- 第3行 --> |Exp Pill (Lightness)||Increases the experience value of the lightness martial arts being studied, with a maximum increase of 1 level.||[[File:item_4130.png]]||Lightness martial arts experience + 275||box，task |- <!-- 第4行 --> |Exp Pill (Tough)||Increases the experience value of the tough martial arts being studied, with a maximum increase of 1 level.||[[File:item_4140.png]]||Tough martial arts experience + 120||box，task |- <!-- 第5行 --> |Fiery Cicada||The Fiery Cicada is bright red like fire, extremely difficult to catch, and is stored by skilled individuals of Oasis Kingdom after capturing a few of them, taking effect can strengthen external martial arts.||[[File:item_4210.png]]||External + 1||box，task |- <!-- 第6行 --> |Ganoderma Lucidum||It grows deep in the Immortal Sect's secret Forest, and one plant grows every hundred years. Taking it can enhance inner martial arts.||[[File:item_4220.png]]||Internal + 1||box，task |- <!-- 第7行 --> |Light Body Amber||Amber formed by ancient ice bees, taking it can transform the body like a bee, enhancing lightness skill.||[[File:item_4230.png]]||Lightness + 1||box，task |- <!-- 第8行 --> |Spirit Tortoise Shell||The hard shell of a thousand-year-old spirit tortoise, taking it can enhance tough martial arts.||[[File:item_4240.png]]||Tough + 1||box，task |- <!-- 第9行 --> |Blood Coral||A thousand-year-old red coral from the deep sea, taking it can strengthen the body, increasing the maximum HP.||[[File:item_4310.png]]||HP Max + 60||box，task |- <!-- 第10行 --> |Monk Sarira||It is said to be the sarira of the monk Yuanjue of Pure Temple after his nirvana, taking it can increase the maximum MP.||[[File:item_4320.png]]||MP Max + 30||box，task |} </div> </div> </div> </div> </div> 720032a2d5daa2b369b04d31c73c65d078a274c7 0 33 106 105 2024-02-15T04:30:33Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Gallery= The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png]] afe9c6ec8476e5f4f31049cb483fcf4775423a07 0 34 109 108 2024-02-15T04:30:33Z Pcj 1919 2 revisions imported wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">Sheet1</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--Sheet1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!area |- <!-- 第1行 --> |Feather Grass||[[file:item_1000.png]]||JiAn Clinic north，River Town Guild South，Snowshine Academy，River Town Suburbs，River Town Hilltop，Harvest Village |- <!-- 第2行 --> |Spring Leaf||[[file:item_1001.png]]||JiAn Clinic north(spring and summer)，River Town Guild South(spring and summer)，Snowshine Academy(spring and summer)，River Town Suburbs（spring），River Town Hilltop（spring）,Suburban Hilltop(spring and summer)，Xiao`s Villa（spring and summer），Heart Cliff（spring and summer） |- <!-- 第3行 --> |Firethorn||[[file:item_1005.png]]||JiAn Clinic north（autumn），River Town Guild South（autumn），Snowshine Academy（autumn），River Town Suburbs（Autumn and summer），Suburban Hilltop（Autumn and summer），Xiao`s Villa（Autumn and summer），Heart Cliff（Autumn and summer） |- <!-- 第4行 --> |Wild Harpflower||[[file:item_1002.png]]||River Town Suburbs，River Town Hilltop，Harvest Village |- <!-- 第5行 --> |Lantern Harebell||[[file:item_1004.png]]||Suburban Hilltop， |- <!-- 第6行 --> |Fennel Ginseng||[[file:item_1003.png]]||Xiao`s Villa，Heart Cliff |- <!-- 第7行 --> |Vegetables（task）||[[file:item_2010.png]]||Harvest Village |- <!-- 第8行 --> |fish||[[file:item_2016.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |- <!-- 第9行 --> |Seafood||[[file:item_2015.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |- <!-- 第10行 --> |Egg||[[file:item_2000.png]]||River Town Hilltop，Suburban Hilltop，Xiao`s Villa，Heart Cliff，Harvest Village |- <!-- 第11行 --> |Trash||[[file:item_2017.png]]||River Town Dock，River Town Suburbs，Chai`Villa，Global Village |} </div> </div> </div> </div> </div> 085a7b3838991d1d8d517eaac200c5aa479a926b 0 35 111 110 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki =Grandmother Chai[[File:柴家祖母.png]]= The grandmother of the Chai family rarely goes out. ===Journey=== No matter the season, I get up every morning and offer prayers in my room. Spring and Autumn 【Monday，Wednesday，Friday】 At 13 o'clock, stand in front of the small table. At 17 o'clock, go and stand under the eaves. At 20:00, go back to bed. 【Tuesday，Thursday】 At 13 o'clock, go to the ancestral hall. At 19:00, go back to the room and sleep. 【Saturday，Sunday】 13:00, go to the kitchen. At 16:30, go to the lake in the front yard. At 19:30, go back to bed. 【Summer】 【Friday，Saturday】 At 13 o'clock, go to the backyard and stand for a while. At 16:30, I went back to my room and sat down. At 19:30, go to bed. The rest are the same as in the Spring and Autumn Period. 【Winter]】 【Friday，Saturday】 13:00, go to the kitchen. At 17:00, go to the small restaurant. At 19:00, go to bed. The rest are the same as in the Spring and Autumn Period. 9ec6c523fa5c5ca8d06ab9b10114f7fef5d02fe8 0 37 115 114 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki =Guild= Attribute: Shop, Function The largest trading company in Jiangcheng, located on the west side of the main road in Jiangcheng, turn left when entering the city. It is also the first task point for game entry. When entering Jiangcheng for the first time, the camera will automatically move to the Jiangcheng Guild. Business hours: (8:30-17:00) Related NPCs: Xu Fuchun, Lin Shanshi [[File:江城行会.png|300px]] ===[[Xu Fuchun]]=== Reset Talents: It costs 6500 money to reset all Talents Apply for Divorce: It costs 1,200,000 money to apply for divorce. After divorce, the favorability with the NPC will be reset to zero. ===[[Lin Shanshi]]=== [Upgrade House:] Currently, the house can be upgraded twice. [The 2nd-level house] can add a kitchen and expand the house, requiring 5,000 money, 400 pieces of wood, and 800 pieces of stone bricks, with a construction time of 1 day. If you have learned Recipes, you can cook in the kitchen. [The 3rd-level house ] can add 2 bedrooms and expand the house, requiring 60,000 money, 800 pieces of reinforced wood, and 2,000 pieces of strong stone bricks, with a construction time of 4 days. It unlocks a double wooden bed and opens the function of placing Furniture at home. [Purchase Goods:] You can purchase some basic raw materials, processed materials, and house decorations from Lin Shanshi here. 2926372cd0127b14a9ca57ed243592375edfa48b 0 38 117 116 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki =Han Shan[[File:寒山.png]]= ===Journey=== Han Shan is typically never far from Xiao Yu, so refer to Xiao Yu's schedule to find Han Shan. At night, Han Shan stands guard at the stairs of Wind Pavilion. 6e5413574a06fb23941454e5d2ab94be90914a2f 0 39 119 118 2024-02-15T04:30:33Z Pcj 1919 1 revision imported wikitext text/x-wiki <big> =Harvest Vill.[[File:village1.png]]= Located in the north, coordinates (97,47). To reach here, you need to repair the damaged North Bridge first. North Bridge: Connecting Zhongzhou and the northern continent, coordinates (98,63). It was damaged by the fire from heaven and cannot be used. After the third node of Oracle Temple T1 is repaired, it can be passed through. ==Grocery stall== Located above the dock in Harvest Vill. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !名称!!图标!!描述!!价格（钱） |- <!-- 第1行 --> |肉||[[File:item_2005.png]]||富裕人家最常见的食材，可于村镇购买。||70 |- <!-- 第2行 --> |糖||[[File:item_2006.png]]||调味品，可于杂货摊购买。||56 |- <!-- 第3行 --> |青菜||[[File:item_2010.png]]||新鲜的蔬菜，可购买或于村落采集。||50 |- <!-- 第4行 --> |双屉书柜||[[file:build_1206.png]]||带有两个抽屉的书柜。||35000 |- <!-- 第5行 --> |书画桌案组||[[file:build_1215.png]]||用于书法绘画的桌案。||115000 |- <!-- 第6行 --> |石方凳||[[file:build_1307.png]]||石质方凳。||14500 |- <!-- 第7行 --> |石圆凳||[[file:build_1308.png]]||石质圆凳。||13500 |- <!-- 第8行 --> |石方桌||[[file:build_1414.png]]||庭院必备的石桌。||34100 |- <!-- 第9行 --> |装饰小方桌||[[file:build_1412.png]]||装饰用小方桌。||37500 |- <!-- 第10行 --> |装饰小长桌||[[file:build_1413.png]]||装饰用小长桌。||24500 |- <!-- 第11行 --> |稻草人||[[file:build_1244.png]]||用稻草制作的人偶。||32100 |- <!-- 第12行 --> |落雪稻草人||[[file:build_1245.png]]||落雪的稻草人。||32100 |} </div> </div> </div> </div> </div> [[File:鹤知村杂货摊.png]] 1c412a0abf383b7d4dac9709f7647aafb252272a 0 40 126 125 2024-02-15T04:30:34Z Pcj 1919 6 revisions imported wikitext text/x-wiki =He Lianchangshan[[File:face_hlcs_0.png]]= ===Journey=== 【Except for summer on Tuesday】 He Lianchangshan goes to the Moonriver Inn to drink every night and leaves the Moonriver Inn at 23:00 to return home every day in spring and autumn. 【Spring and autumn】 【Monday】 10:00, leave home and go to the Blacksmith. 14:00, go to the JiAn Clinic. 19:00, go to the Moonriver Inn to drink. 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Wednesday】【Friday】 10:00, get up and go to the guild. 15:00, return home and check the warehouse stock. 19:00, go to the Moonriver Inn to drink. 【Thursday】 8:00, get up and go to the dock. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. 【Saturday】 10:00, get up and go to the hall to listen to Tuo's report. 14:00, check stock with Tuo in the warehouse. 18:10, take Tuo to eat at the Moonriver Inn. 【Sunday】 9:00, get up and go to the sale. 18:00, end the sale and go to the Moonriver Inn for dinner. 【Summer】 【Tuesday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 18:41, go home to receive Xu Fuchun. 21:31, see him off. 22:00, go home and sleep. 【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 【Winter】 【Tuesday】【Thursday】 10:00, get up and look at the antique shelf. 14:00, go to the Tailor Shop. 19:00, go to the Moonriver Inn to drink. The rest is the same as spring and autumn. 504a2ed7214a1576e39fd0de7fa8080a16612dc6 0 41 128 127 2024-02-15T04:30:34Z Pcj 1919 1 revision imported wikitext text/x-wiki Click the Help button below the time in the upper right corner or press the shortcut key [F11] to call up the Help page. The Help page is divided into two functions: [Help] and [Recipes]. ===Help:=== Here, we can review the game guides we have seen before. [[File:帮助en.png]] ===Recipes:=== Here we can see the recipes we have unlocked, including workshop buildings, workshop output, recipes, drug formulas, and equipment manufacturing drawings. [[File:配方en.png]] 6052325ea0c93b69c3bbabda4d1d74dbd8416eb4 0 42 130 129 2024-02-15T04:30:34Z Pcj 1919 1 revision imported wikitext text/x-wiki =Hong Xian[[File:红弦.png]]= ===Journey=== Unless it's the Spring Festival holiday, Hong Xian is always within ten steps of Li Yan. Refer to Li Yan's schedule to find Hong Xian. c76006602f36f96e4c0d7201a20924605d674d3e 0 44 152 151 2024-02-15T04:30:35Z Pcj 1919 1 revision imported wikitext text/x-wiki =JiAn Clinic= Attributes: Shop, Residence JiAn Clinic is a medical clinic in River Town, located in the northwest corner of River Town. Residents of River Town and the surrounding areas will come here to see a doctor or buy medicine when they are sick or injured. There is a medicinal field planted by the medical clinic behind the house. Business hours: (9:00-16:00) Plot: When the cumulative shipment of the medical kit produced by the workshop exceeds 50, enter JiAn Clinic to trigger it. Permanent NPCs: Lu Ying, Lu Chanyi [[File:济安堂.png|300px]] ===Lu Ying=== sale 77cb07d42fc0a389aa8226efb9c8c6836f8aee84 0 45 159 158 2024-02-15T04:30:35Z Pcj 1919 6 revisions imported wikitext text/x-wiki =Li Wangxing[[File:face_lwx_0.png]]= ===Journey=== Spring and Autumn 【Monday】【Friday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 12:00, go to the JiAn Clinic to settle with Lu Ying for the herbs. 15:00, set out to return to the SwordWay SectHeart Cliff to admire the stars. 21:00, return to the second floor room of SwordWay Sect to sleep. 【Tuesday】【Saturday】 8:00, River Town gate to Xu rockery before the collection, until friends Xu Changkong get up and set out to play. 11:00, go to the Blacksmith. 14:00, go to the fortune-telling stand to have their fortunes told. 18:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. 【Wednesday】【Sunday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 12:00, go to the second floor of the Swordway Sece Hall to meditate. 18:00, return to the room. 21:00, go to sleep. 【Thursday】 6:10, practice swordsmanship at the SwordWay Sect training ground. 11:00, go to the training ground to organize a nationwide martial arts activity. If it is rainy or snowy weather or autumn, he will go to Heart Cliff at 15:00 to admire the stars and return home at 21:00 to sleep. If it is sunny, he will send Lu Binghua back to Lu's house at 18:02 and leave River Town at 21:00 to return home and sleep. Summer 【Tuesday】【Saturday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the River Town Suburbs to throw a pottery jar. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. Winter 【Tuesday】【Saturday】 8:00, after Xu`s Villa rockery before the collection, wait until friends Xu Changkong get up and set out to play. 11:00, go to the JiAn Clinic and stand at the gate. 17:00, go to the Moonriver Inn for dinner. 21:30, return home and go to sleep. The rest is the same as spring and autumn. 6009e57bb2b5aac88686e48328dbb82b773fba1e 0 46 161 160 2024-02-15T04:30:35Z Pcj 1919 1 revision imported wikitext text/x-wiki =Li Yan[[File:face_zly_0.png]]= ===Journey=== 【Before Recovery】 【Monday】【Tuesday】【Wednesday】 10:00 - Wake up and go to the teaching desk on the first floor of Yingxue Bookstore. 16:05 - Go stand under the tree in the courtyard. 20:00 - Go to sleep on the second floor of the bookstore. 【Thursday】 10:01 - Wake up and stand in the corridor of the small courtyard. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 【On sunny Thursdays after marriage, will go to Yingxue Bookstore to play the piano】 【Friday】【Sunday】 10:00 - Wake up and go to the bookcase on the first floor to read. Stay in the small study room reading until 15:00. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 【Saturday】 10:00 - Wake up and sit on a stool in the courtyard. 16:00 - Return to the second floor of the bookstore to play the piano. 19:50 - Go to sleep. 32cd28f73bc8b61fed504e142302a3404f4eac95 0 47 163 162 2024-02-15T04:30:35Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lighthouse= Most of the lighthouse towers on the mainland are located at the highest point of this place, used for nearby illumination and direction guidance, but due to long-term disrepair, they are basically in a damaged state. We can repair them with materials. By chance, in a conversation, we learned that there are a total of 5 lighthouse towers on the mainland. If they are all repaired, a treasure will be obtained. We can determine whether the lighthouse tower is repaired by its appearance or visible range. {| class="wikitable" |+ 外观 |- |- | Damage || repair |- | [[File:lighthouse_0.png]] || [[File:lighthouse_1.png]] |} {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !区域!!坐标!!修复材料!!奖励 |- <!-- 第1行 --> |中州||90,109||木板*50，<br>木棒*100，<br>铁板*60||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第2行 --> |北部||70,13||铜板*100，<br>铁质框架*50，<br>木制框架*50||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第3行 --> |东部||154,76||钢管*500，<br>钢板*500，<br>铁质工具*100||耐力恢复+1，点亮燃灯塔周围10格 |- <!-- 第4行 --> |西部||51,154||工业结构体*50，<br>控制器*100，<br>高级工具*200||可视范围+1，点亮燃灯塔周围10格 |- <!-- 第5行 --> |南部||128,173||强力石砖*3000，<br>大型计算机*200，<br>高级工具*500||大地图不再显示灰色遮挡块，点亮燃灯塔周围10格 |} </div> </div> </div> </div> </div> 657ee8aa5807f6c2839cea95ec1a9683936ac52d 0 48 165 164 2024-02-15T04:30:35Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lin Shanshi[[File:林山石.png]]= ===Journey=== During the first week of the game, Lin Shanshi stands at the guild's front desk all day. After the first week, except for Saturdays, Lin Shanshi leaves for work at the River Town Guild every day at 7:00 AM. 【Monday】【Friday】 After work at 5:00 PM, during spring and autumn, she heads to the Divine Works Museum. In summer and winter, she goes to the Tailor Shop and waits for Tan to finish work before going upstairs to chat. 【Tuesday】【Sunday】 After work at 5:00 PM, she returns home to her workshop for research. 【Wednesday】【Thursday】 After work at 5:00 PM, she joins Xu Fuchun for dinner at the Moonriver Inn. 【Saturday】 Sunny days: She wakes up at 6:00 AM to select wood in the River Town Suburbs forest. At 10:50 AM, she departs for a sisters' gathering at the SwordWay Sect. She returns home at 7:00 PM. Rainy or snowy days: At 8:00 AM, she goes to her youngest son Xu Changkong's room and stands there. At 1:00 PM, she goes to the dining room and stands there. At 5:00 PM, she goes to her workshop and stands there. 70283da9ecd34bb856530a9fb497e8215342e702 0 49 168 167 2024-02-15T04:30:36Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Liu Sanniang[[File:柳三娘.png]]= The owner of the Moonriver Inn. ===Journey=== When the Moonriver Inn opened, Liu Sanniang stood behind the counter. At 0:00 in the morning, Liu Sanniang went upstairs to sleep. 【Wednesday，Friday】 At 6 o'clock, I came to Xiao's Villa Wind Pavilion to deliver food. At 8 o'clock, leave Xiao's Villa and return to Moonriver Inn. e3ca2a960aafac5a26d35db1015839a1fe97ff59 0 50 171 170 2024-02-15T04:30:36Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Liu Yiyi[[File:face_lyy_0.png]]= === Journey === 【Spring and autumn】 【Monday】 6:10am, Liu Yiyi stands outside River Town Suburbs to deliver letters. 11am,she leaves for the pharmacy in SwordWay Sect hall. 3:00pm,she returns to the front of the Guan Gong statue in Moonriver Inn. 8:30pm,she goes to sleep on the second floor of Moonriver Inn. 【Tuesday, Friday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 12pm,she leaves the guild and goes to the Tailor Shop, standing next to Ye Liwangzhu's loom. 4:20pm,she leaves the Tailor Shop and stands at the fortune teller's stall. 7:00pm,she leaves the fortune teller's stall and goes to the small restaurant on the first floor of Moonriver Inn. 11:00pm,she goes to sleep on the second floor of Moonriver Inn. 【Wednesday】 6:10am, Liu Yiyi stands outside the main hall of Chai's mansion, talking with the servants in the front courtyard. 10am,she leaves for the Blacksmith. 3:40pm,she leaves forshe Lianchangshan's house. 6:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Thursday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 3:00pm,she leaves for Snowshine Academy and delivers a letter to Hong Xian at the entrance. 7:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Saturday, Sunday 】(same as spring and autumn) 45848d45c3c6f3d17e1f9dc611edc87abeb98b1a 0 51 173 172 2024-02-15T04:30:36Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lu's Hs.= Attribute: Residential Located in the southwest corner of Jiangcheng, it is the home of Lu Wei, Cao Yunhui, and Lu Binghua. The opening hours are from 8:00 to 22:00 every day. Opening hours: (8:00-22:00) Related NPCs: Lu Wei, Cao Yunhui, Lu Binghua [[File:鲁家.png|300px]] 49ecd8fc61eb6ee4f51480e956aa1ea0cdb9915c 0 52 175 174 2024-02-15T04:30:36Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lu Binghua[[File:鲁冰花.png]]= ===Journey=== 【Rainy days】 Lu Binghua stays at home for the entire day and wakes up at 11:00. 【Monday】【Tuesday】【Wednesday】 8:40 - Wakes up and goes to the bookstore for school. 16:00 - Leaves the bookstore and goes to the River town square in front of the Moonriver Inn to catch bugs. 18:00 - Enters the Moonriver Inn. 21:05 - Returns home and goes to sleep. 【Thursday】 Except for autumn 8:40 - Leaves home and heads to the SwordWay Sect. 12:00 - Arrives at the gate of the SwordWay Sect and goes to the training ground. 18:00 - Returns home from the SwordWay Sect. Autumn 9:40 - Wakes up and goes to play in the courtyard of the Occult Go Club. 16:00 - Returns home to do homework. 【Friday】【Sunday】 9:00 - Wakes up and goes to the courtyard. 13:00 - Goes to the stall of his mother Cao Yunhui. 16:00 - Goes with his mother to the Blacksmith. 16:56 - Takes a walk along the river. 21:00 - Returns home from the river. 【Saturday】 9:00 - Wakes up and goes to the courtyard. 12:40 - Arrives at the entrance of the River Town Suburbs cave. 19:00 - Goes home and sleeps. b1da9f17e87d2b0c254829a555288637da266460 0 53 181 180 2024-02-15T04:30:36Z Pcj 1919 5 revisions imported wikitext text/x-wiki 【Every morning】 Lu Chanyi would boil medicine at JiAn Clinic. You can enter the clinic to look for her when it opens. On rainy or snowy days, Lu Chanyi won't leave JiAn Clinic. She would boil medicine there, play with A Biao, and read books. 【Spring】 【Monday】【Tuesday】【Wednesday】 8:40, put away the medicine pot, go to Snowshine Academy for supplementary lessons! 16:00, the class is over! Quickly go home to tend to the medicinal herb field. 20:30, go home and sleep! 【Thursday】【Friday】 9:00, put away the medicine pot, see if A Biao is hungry in the room. 12:00, go to the River Town Suburbs to pick medicinal herbs! 17:00, go to the secret small cave in the River Town Suburbs. 18:30, go home and write a little diary. 20:30, go to sleep! 【Saturday】 8:50, go to the Snowshine Academy to take the pulse of Li Yan's sister! 16:00, stand outside the library for a while. 18:02, go home and write a little diary. 20:30, go to sleep! 【Sunday】 14:00, leave home and go to Chai's house to give some medicine to Chai's grandmother, then chat with her in the front yard. 18:30, go home from Chai's house and write a little diary. 22:00, it's late...go to sleep! Summer 【Wednesday】 9:00, go to the gate of JiAn Clinic to dry the medicine! 13:00, go to the outside of Xiao's mansion to pick fennel! 18:00, go home and write a little diary. 22:00, it's late...go to sleep! 【Thursday】【Friday】 9:00, go to the room to see A Biao. 12:00, start walking back and forth to record the medicinal herbs. 18:00, organize today's record of medicinal herbs. 【Saturday】 Before Li Yan's 6-star favorability, same as spring. After Li Yan's 6-star favorability, 11:00, go to the River Town Suburbs to admire flowers. 18:00, go home and write a little diary. 22:00, go to sleep! The rest is the same as spring. Autumn 【Thursday】【Friday】 Same as spring. The rest is the same as summer. Winter 【Thursday】【Friday】 Same as summer. The rest is the same as spring. 79d3deee38447767a30274d476e4c9f346a7b07d 0 54 183 182 2024-02-15T04:30:36Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lu Wei[[File:鲁威.png]]= ===Journey=== Lu Wei stands at the Blacksmith's front desk during opening hours every day. After 5:00 PM, 【Rainy or Snowy Days】 Returns home for dinner. 【Monday】【Tuesday】【Wednesday】 Goes to the inn for a drink and returns home at 9:00 PM. 【Friday】【Sunday】 Spring and Autumn: The family of three goes to the riverside to look at the stars. Summer: The family of three takes a walk in River Town Suburbs. Winter: Returns home for dinner. 【Saturday】 Spring and Autumn: Stands in the courtyard at home. Summer and Winter: Stands by Cao Yunhui's Variety Store. 17075833f1a064befa908e83338c543ce3c01aaa 0 55 185 184 2024-02-15T04:30:36Z Pcj 1919 1 revision imported wikitext text/x-wiki =Lu Ying[[File:陆英.png]]= ===Journey=== Lu Ying stands at the front desk of JiAn Clinic during opening hours. After closing at 4:00 PM, she follows this schedule: 【Monday & Tuesday】 【 Spring & Winter:】 Watches the water near her home. 【Summer & Autumn:】 Stands in River Town Suburbs. Returns home to rest at 8:30 PM. 【Wednesday:】 Treats Yu Guanshan at JiAn Clinic. 【Thursday & Sunday】 【Spring, Summer, & Autumn:】 Takes care of the medicinal fields. 【Winter:】 Goes to the kitchen at home. Returns home to rest at 8:30 PM. 【Friday & Saturday】 Visits Moonriver Inn for dinner. If it's Lu Chanyi's birthday, she will go to River Town Suburbs to pay tribute to her deceased wife instead. df5403610bd56c690a352cca2a82820e2135dd90 0 56 188 187 2024-02-15T04:30:36Z Pcj 1919 2 revisions imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP Restore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP Restore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> c83ebd901de3e34d4701437ca63453fd68bc6c8b 0 57 190 189 2024-02-15T04:30:37Z Pcj 1919 1 revision imported wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">External</span></li> <li class="bili-list-style"><span class="tab-panel">Internal</span></li> <li class="bili-list-style"><span class="tab-panel">Lightness</span></li> <li class="bili-list-style"><span class="tab-panel">Tough</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--External--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Main!!Special!!Passive!!Lv limit!!access |- <!-- 第1行 --> |Bamboo Breaking Swordplay||[[file:gongfuZ_6.png]]||Attack+8<br>External+3||Lv1.Attack+3<br>Lv2.External+1<br>Lv3.Defense+2||Basic Attack||Tracking Sword||null||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Flowing Fish Blade||[[file:gongfu_6.png]]||Defense+8<br>External+3||Lv1.External+2<br>Lv2.Attack+2<br>Lv3.HP MAX+15||Basic Attack||Fish Wave||null||3||Flowing Fish Cave to learn |- <!-- 第3行 --> |Solitary Village Swordplay||[[file:gongfuZ_12.png]]||External+7<br>Attack+15<br>Special Lv+1||Lv1.HP MAX+30<br>Lv2.Attack+5<br>Lv3.External+2<br>Lv4.Defense+4||Energy Drain||Shadow Sword||null||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Defy Death Swordplay||[[file:gongfu_10.png]]||Attack+12<br>Lv3.Special Lv+1<br>External+8||Lv1.Attack+6<br>Lv2.MP Max+30<br>Lv3.External+3<br>Lv4.Footwork+4||Basic Attack||Bloody Slash||Risk Your Life||4||Azure Feather Cave to learn |- <!-- 第5行 --> |Residual Winter Swordplay||[[file:gongfuJi_4.png]]||External+6<br>Attack+13<br>Lv4.Special Lv+1||Lv1.External+3<br>Lv2.HP MAX+35<br>Lv3.Attack+5<br>Lv4.MP Max+30||Basic Attack||Summon Giant Sword||Freeze||4||Sliced Bamboo Cave to learn |- <!-- 第6行 --> |Chord Swordplay||[[file:gongfuZ_4.png]]||Attack+18<br>HP MAX+150<br>Lv4.Special Lv+1<br>External+14||Lv1.MP Max+55<br>Lv2.Attack+9<br>Lv3.External+7<br>Lv4.Internal+5<br>Lv5.Defense+9||Sword in Music||Nine Revolving String||null||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第7行 --> |Star Stealing SwordDance||[[file:gongfuYu_2.png]]||External+15<br>Attack+16<br>Defense+16<br>Lv5.Special Lv+1||Lv1.External+8<br>Lv2.HP MAX+60<br>Lv3.Attack+7<br>Lv4.Tough+4<br>Lv5.Luck+5||Blood Rush||Sword Rain||null||5||Star Stealing Cave to learn |- <!-- 第8行 --> |Secular Palms||[[file:gongfuTemple_2.png]]||Lv2.Special Lv+1<br>External+12<br>Insight+15<br>Attack+24||Lv1.HP MAX+50<br>Lv2.Defense+8<br>Lv3.External+9<br>Lv4.Insight+5<br>Lv5.MP Max+50||Basic Attack||Buddha's Descent||Immaculate||5||Tomb-sweeping Day（unopened） |- <!-- 第9行 --> |Fleet Rabbit Swordplay||[[file:gongfu_4.png]]||External+13<br>Attack+18<br>HP MAX+160<br>Lv5.Special Lv+1||Lv1.External+9<br>Lv2.HP MAX+60<br>Lv3.Attack+9<br>Lv4.Defense+9<br>Lv5.Footwork+8||Rabbit's Escape||Rabbit's Fury||null||5||Skysplitting Ruins to learn |- <!-- 第10行 --> |Blaze War Swordplay||[[file:gongfuZ_10.png]]||Attack+28<br>Lv3.Special Lv+1<br>External+20<br>HP MAX+240<br>Lv7.Special Lv+1||Lv1.MP Max+90<br>Lv2.External+13<br>Lv3.Attack+15<br>Lv4.Defense+15<br>Lv5.HP MAX+100<br>Lv6.Stamina+80<br>Lv7.Lightness+4||Twin Blaze Swords||Sword's Soul||null||7||Dragon Boat Festival During the Jiangcheng Pier activities consumed 230 Dragon Boat Festival prize rolls purchase |- <!-- 第11行 --> |Eternal Palms||[[file:gongfuTemple_4.png]]||External+15<br>Attack+25<br>Lv4.Special Lv+1<br>Defense+20<br>Lv7.Special Lv+1||Lv1.External+12<br>Lv2.HP MAX+120<br>Lv3.Attack+18<br>Lv4.Defense+12<br>Lv5.Tough+5<br>Lv6.Footwork+10<br>Lv7.Insight+8||Brave Faith||Empty Skandhas||null||7||donated 75 items to Divine Works Museum |- <!-- 第12行 --> |Han Shan Swordplay||[[file:gongfuJi_2.png]]||Attack+24<br>Lv2.Special Lv+1<br>External+16<br>Lv5.Special Lv+1<br>HP MAX+200||Lv1.Attack+16<br>Lv2.External+12<br>Lv3.Internal+12<br>Lv4.HP MAX+80<br>Lv5.Lightness+6<br>Lv6.Luck+8<br>Lv7.Tough+6||Sword's Friend||Sudden Snow||null||7||During the Spring Festival, Jiangcheng activities consumed 240 Spring Festival prize rolls to purchase |- <!-- 第13行 --> |Nine Inferno Swordplay||[[file:gongfuZhu_2.png]]||External+24<br>Attack+36<br>Lv3.Special Lv+1<br>HP MAX+240<br>Lv7.Special Lv+1<br>Lv9.Special Lv+1||Lv1.External+16<br>Lv2.Internal+16<br>Lv3.Attack+25<br>Lv4.Defense+25<br>Lv5.HP MAX+120<br>Lv6.MP Max+120<br>Lv7.Insight+10<br>Lv8.Luck+10<br>Lv9.External+18||Basic Attack||Sword of Hell||Hellfire||9||Wilderness Ruins to learn |} </div> <div class="resp-tab-content" style="display:none"><!--Internal--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Sunk Boat Mantra||[[file:gongfuZ_5.png]]||Light Range+64<br>MP Max+40||Lv1.Internal+1<br>Lv2.MP Max+10<br>Lv3.HP MAX+10||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Prosperity Mantra||[[file:gongfu_5.png]]||Light Range+68<br>Internal+3||Lv1.MP Max+12<br>Lv2.Internal+1<br>Lv3.Defense+3||3||Flowing Fish Cave to learn |- <!-- 第3行 --> |Suspension Bridge Mantra||[[file:gongfuZ_11.png]]||Light Range+76<br>MP Max+75<br>Internal+5||Lv1.Attack++3<br>Lv2.Internal+2,<br>Lv3.Stamina+20<br>Lv4.HP MAX+20||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Roc Mantra||[[file:gongfu_9.png]]||Light Range+72<br>Internal+6<br>MP Max+75||Lv1.Internal+3,<br>Lv2.Defense+5,<br>Lv3.Attack++5,<br>Lv4.MP Max+20||4||Azure Feather Cave to learn |- <!-- 第5行 --> |Bursting Frost Mantra||[[file:gongfuJi_3.png]]||Light Range+64<br>MP Max+90<br>Internal+7||Lv1.MP Max+25<br>Lv2.Internal+4<br>Lv3.Attack++5<br>Lv4.HP MAX+25||4||Sliced Bamboo Cave to learn |- <!-- 第6行 --> |Dry Well Mantra||[[file:gongfuZ_1.png]]||Light Range+88<br>MP Max+120<br>HP MAX+120<br>Internal+12||Lv1.Internal+6<br>Lv2.Defense+8<br>Lv3.MP Max+50<br>Lv4.HP MAX+50<br>Lv5.Attack++8||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第7行 --> |Night Bloom Mantra||[[file:gongfuYu_1.png]]||Light Range+80<br>Attack++20<br>MP Max+100<br>Internal+13||Lv1.MP Max+60<br>Lv2.Internal+6<br>Lv3.HP MAX+40<br>Lv4.Stamina+30<br>Lv5.Footwork+9||5||Star Stealing Cave to learn |- <!-- 第8行 --> |Stillness Sutras||[[file:gongfuTemple_1.png]]||Light Range+84<br>Defense+20<br>Internal+10<br>MP Max+120||Lv1.HP MAX+55<br>Lv2.MP Max+55<br>Lv3.Internal+7<br>Lv4.Attack++9<br>Lv5.Defense+8||5||Yi Yuan favorability reaches 6 hearts |- <!-- 第9行 --> |Bandit Mantra||[[file:gongfu_1.png]]||Light Range+96<br>Internal+12<br>MP Max+90<br>MP Recovery+1||Lv1.Internal+6<br>Lv2.External+2<br>Lv3.MP Max+60<br>Lv4.Luck+5<br>Lv5.Tough+3||5||Skysplitting Ruins to learn |- <!-- 第10行 --> |SwordWay Scrolls||[[file:gongfuZ_9.png]]||Light Range+100<br>MP Max+180<br>MP Recovery+2<br>Internal+18<br>Stamina+100||Lv1.HP MAX+80<br>Lv2.MP Max+80<br>Lv3.Internal+9<br>Lv4.Attack++12<br>Lv5.Defense+10<br>Lv6.Footwork+9<br>Lv7.Insight+5||7||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor won after defeating Yu Guanshan |- <!-- 第11行 --> |Giant Dragon Mantra||[[file:gongfu_8.png]]||Light Range+108<br>HP MAX+200<br>MP Max+150<br>MP Recovery+2<br>Internal+15||Lv1.Internal+8<br>Lv2.External+6<br>Lv3.MP Max+70<br>Lv4.HP MAX+70<br>Lv5.MP Max+75<br>Lv6.Luck+10<br>Lv7.Stamina+40||7||Dragon Boat Festival During the Jiangcheng Pier activities consumed 230 Dragon Boat Festival prize rolls purchase |- <!-- 第12行 --> |Brahman Sutras||[[file:gongfuTemple_3.png]]||Light Range+110<br>Internal+16<br>MP Recovery+2<br>MP Max+240<br>Stamina+150||Lv1.MP Max+80<br>Lv2.Tough+6<br>Lv3.Internal+9<br>Lv4.Insight+8<br>Lv5.Attack++12<br>Lv6.Stamina+50<br>Lv7.HP MAX+80||7||Weird Cave to learn |- <!-- 第13行 --> |Ice Erosion Mantra||[[file:gongfuJi_1.png]]||Light Range+60<br>HP MAX+360<br>MP Max+360<br>Internal+20<br>MP Recovery+2||Lv1.Internal+10<br>Lv2.MP Max+70<br>Lv3.Lightness+6<br>Lv4.External+6<br>Lv5.Footwork+15<br>Lv6.Defense+14<br>Lv7.Luck+8||7||[[Whitehead Village]]Help repair the Warrior Menagerie |- <!-- 第14行 --> |Emperor Scrolls||[[file:gongfuZhu_1.png]]||Light Range+130<br>Internal+25<br>External+25<br>Tough+25<br>MP Recovery+3<br>MP Max+500||Lv1.MP Max+120<br>Lv2.HP MAX+120<br>Lv3.Internal+15<br>Lv4.External+15<br>Lv5.Attack++25<br>Lv6.Defense+25<br>Lv7.Insight+10<br>Lv8.Luck+10<br>Lv9.Internal+15||9||Shadowseeker Cave to learn |} </div> <div class="resp-tab-content" style="display:none"><!--Lightness--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Cloud Walking||[[file:gongfuZ_8.png]]||Speed+3%<br>Stamina+80||Lv1.Stamina+20<br>Lv2.Footwork+2<br>Lv3.Lightness+1||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Moon Covering Step||[[file:gongfuYu_3.png]]||Stamina+50<br>Speed+5%||Lv1.Footwork+1<br>Lv2.Stamina+25<br>Lv3.Lightness+1||3||Arcane Dust Ruins to learn |- <!-- 第3行 --> |Sword Treading Step||[[file:gongfuZ_14.png]]||Stamina+100<br>Lightness+5<br>Speed+8%||Lv1.Stamina+30<br>Lv2.Lightness+1<br>Lv3.Footwork+3<br>Lv4.Lightness+2||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Cat Stealth||[[file:gongfu_12.png]]||Speed+6%<br>Lightness+6<br>Footwork+20||Lv1.Lightness+2<br>Lv2.Stamina+25<br>Lv3.Footwork+6<br>Lv4.Defense+2||4||Moonlight Cave to learn |- <!-- 第5行 --> |Rain Dance||[[file:gongfuZ_3.png]]||Lightness+9<br>Speed+10%<br>Footwork+35||Lv1.Lightness+4<br>Lv2.Footwork+9<br>Lv3.Stamina+40<br>Lv4.Lightness+3<br>Lv5.Stamina+30||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第6行 --> |Sparrow Hop||[[file:gongfu_3.png]]||Lightness+8<br>Speed+12%<br>Lightness+6<br>Footwork+55||Lv1.Stamina+25<br>Lv2.Lightness+3<br>Lv3.Footwork+7<br>Lv4.Lightness+2<br>Lv5.Attack++6||5||Sun Daoyi favorability reaches 8 hearts |- <!-- 第7行 --> |Illusion Flower Dance||[[file:gongfuYu_4.png]]||Lightness+17<br>Footwork+85<br>Speed+16%<br>Luck+10<br>Stamina+120||Lv1.Footwork+15<br>Lv2.Stamina+40<br>Lv3.Lightness+9<br>Lv4.Stamina+40<br>Lv5.Luck+5<br>Lv6.Lightness+8<br>Lv7.Attack++12||7||[[Festival|Flower Festival]]During the Jiangcheng outskirts of the pot activity consumption of 230 flower festival awards roll purchase |- <!-- 第8行 --> |Wind Runner||[[file:gongfuZhu_4.png]]||Speed+20%<br>Lightness+30<br>Stamina+150<br>Footwork+110<br>Internal+10<br>External+10||Lv1.Stamina+45<br>Lv2.Lightness+12<br>Lv3.Internal+8<br>Lv4.Stamina+50<br>Lv5.Footwork+20<br>Lv6.MP Max+150<br>Lv7.Defense+16<br>Lv8.External+8<br>Lv9.Lightness+15||9||Southern Oracle Mystery |} </div> <div class="resp-tab-content" style="display:none"><!--Tough--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Name!!icon!!study buff!!Permanent Buff!!Lv limit!!access |- <!-- 第1行 --> |Fully Armed||[[file:gongfuZ_7.png]]||Defense+6||Lv1.HP MAX+30<br>Lv2.Defense+4<br>Lv3.Tough+1||3||Complete the task[Invitation of SwordWay]，Sword Pavilion learn. |- <!-- 第2行 --> |Mud Attire||[[file:gongfu_7.png]]||HP MAX+120||Lv1.Defense+4<br>Lv2.HP MAX+40<br>Lv3.Tough+1||3||Arcane Dust Ruins to learn |- <!-- 第3行 --> |Iron Arm||[[file:gongfuZ_13.png]]||Defense+15<br>HP MAX+150||Lv1.Tough+2<br>Lv2.Defense+5<br>Lv3.HP MAX+50<br>Lv4.External+1||4||trive to achieve [Somewhat Famous] on the Bounty Board of SwordWay Sect.，Sword Pavilion 2nd floor learn. |- <!-- 第4行 --> |Golden Shield||[[file:gongfu_11.png]]||HP MAX+160<br>Defense+12||Lv1.HP MAX+40<br>Lv2.Tough+2<br>Lv3.Defense+6<br>Lv4.Internal+1||4||[[village|Harvest Village]]Obtained after the completion of the killer side quest |- <!-- 第5行 --> |Inverted Golden Bell||[[file:gongfuZ_2.png]]||Tough+10<br>Defense+24<br>HP MAX+220||Lv1.Tough+4<br>Lv2.Defense+9<br>Lv3.HP MAX+80<br>Lv4.Lightness+2<br>Lv5.Defense+7||5||trive to achieve [Widely Known] on the Bounty Board of SwordWay Sect.，Sword Pavilion 3nd floor learn. |- <!-- 第6行 --> |Tortoise Shell||[[file:gongfu_2.png]]||Defense+30<br>HP MAX+180<br>Tough+11||Lv1.Defense+8<br>Lv2.HP MAX+90<br>Lv3.Tough+3<br>Lv4.MP Max+50<br>Lv5.HP MAX+80||5||donated 48 items to Divine Works Museum |- <!-- 第7行 --> |Buddha Shield||[[file:gongfuTemple_5.png]]||HP MAX+265<br>Tough+18<br>Defense+50<br>HP Recovery+2||Lv1.HP MAX+150<br>Lv2.Tough+7<br>Lv3.Luck+5<br>Lv4.Defense+12<br>Lv5.External+4<br>Lv6.HP MAX+120<br>Lv7.Insight+10||7||[[village|CeaseWar Village]]Complete the quest [wine Meat monk] to get |- <!-- 第8行 --> |Sky Holding Barrier||[[file:gongfuZhu_3.png]]||Defense+80<br>HP MAX+350<br>Tough+30<br>Lightness+10<br>HP Recovery+3||Lv1.Defense+25<br>Lv2.HP MAX+200<br>Lv3.Insight+10<br>Lv4.Internal+10<br>Lv5.Tough+13<br>Lv6.Luck+10<br>Lv7.HP MAX+210<br>Lv8.Defense+30<br>Lv9.Tough+15||9||[[village|Whitehead Village]]Ice Lake quest obtained ||||||||||| |} </div> </div> </div> </div> </div> 90968fb88c1fdcbbb80cb6fddecebd1baaa795e0 0 58 194 193 2024-02-15T04:30:37Z Pcj 1919 3 revisions imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!Recipe access!!icon!!effect!!materials |- <!-- 第1行 --> |Hemostatic Powder||JiAn Clinic sale||[[File:item_4000.png]]||Restore 120 HP||Feather Grass*2，Liquor*2 |- <!-- 第2行 --> |Wound Medicine||JiAn Clinic sale||[[File:item_4005.png]]||Restore 300 HP||Feather Grass*2，Lantern Harebell*2，Liquor*3 |- <!-- 第3行 --> |Dragon's Blood Tea||Hibernation Cave||[[File:item_4020.png]]||Restore 85% HP||Spring Leaf*2，Lantern Harebell*3，Liquor*5 |- <!-- 第4行 --> |Ginseng Pill||JiAn Clinic sale||[[File:item_4050.png]]||Restore 65 MP||Fennel Ginseng*2，Liquor*2 |- <!-- 第5行 --> |Tonifying Elixir||JiAn Clinic sale||[[File:item_4055.png]]||Restore 150 MP||Wild Harpflower*2，Fennel Ginseng*2，Liquor*3 |- <!-- 第6行 --> |Peace Dew||Cloud Wave Cave||[[File:item_4070.png]]||Restore 80% MP||Fennel Ginseng*3，Firethorn*2，Liquor*5 |- <!-- 第7行 --> |Rebirth Pill||JiAn Clinic sale||[[File:item_4090.png]]||Restore 400 HP Restore 220 MP||Lantern Harebell*3,Fennel Ginseng*3,Liquor*5 |- <!-- 第8行 --> |Pulse Pill||He Lianchangshan Sunday sale||[[File:item_4060.png]]||Restore 400 MP||Wild Harpflower*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第9行 --> |Starry Elixir||Litcandle Cave||[[File:item_4065.png]]||Restore 40% MP||Fennel Ginseng*2,Firethorn*1,Liquor*2 |- <!-- 第10行 --> |Hundred-Flower Dew||Global Village task [Successor]||[[File:item_4015.png]]||Restore 35% HP||Lantern Harebell*2,Spring Leaf1,Liquor*2 |- <!-- 第11行 --> |Vitality Powder||Beacon Fire Ruins||[[File:item_4010.png]]||Restore 800 HP||Feather Grass*3,Fennel Ginseng*3,Liquor*4 |- <!-- 第12行 --> |Soul Holding Pill||Weird Cave||[[File:item_4095.png]]||Restore 40% HP Restore 40% MP||Spring Leaf*3，Firethorn*8,Liquor*8 |} </div> </div> </div> </div> </div> c83ebd901de3e34d4701437ca63453fd68bc6c8b 0 59 196 195 2024-02-15T04:30:37Z Pcj 1919 1 revision imported wikitext text/x-wiki =Menu= Click the menu button below the time in the upper right corner or press the shortcut key [Tab] to bring up the menu page. There are six menu pages in total. =Backpack= On the backpack page, you can view your backpack items, character attributes, equipped equipment, set consumables, and the number of crystal energy. [[File:背包en.png]] =Profession= View profession talents and learn talent skills. [[File:职业天赋en.png]] =Martial Arts= View and practice martial arts, and equip skills. [[File:武学en.png]] =Social= View character biographies, favorability, partner skills, gift preferences, and after repairing all nodes of Oracle Temple T2, you can also view the location of NPCs. [[File:社交en.png]] =Calendar= View dates, character birthdays, and festival events. [[File:日历en.png]] =Settings= Enter game settings, title page, and exit the game. [[File:设置en.png]] In game settings, you can set language, screen mode, background running, interface scaling, daily duration, mini-game difficulty, volume, and custom keys. [[File:游戏设置en.png]] 52d727deabe581d100d4b59dafbd0b174c1908bc 0 60 199 198 2024-02-15T04:30:37Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> = Mini map = After we fix all the nodes of Oracle Temple T3, we will be able to unlock the mini map. The mini map allows you to view the mini map of all locations except the workshop. After unlocking, you can view the mini map by clicking the button below the time in the upper right corner. The shortcut key of the mini map is [M]. [[file:0-3.png]] ff479e4960bf6521618e39d90ba796da33a8c12a 0 61 202 201 2024-02-15T04:30:37Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Mission= Tasks are categorized as [Main Quests], [Side Quests], [Bounty Quests], and [NPC Favor Quests]. You can use the shortcut key [J] to open and view them, and also select tasks to track. The tracked tasks will be displayed in the upper left corner of the game, and this display can also be hidden by clicking the arrow on the right side of the task. =Coin Acquisition= Coin AcquisitionIn the early stages of the game, we need a large amount of gold coins to purchase mines and upgrade them. At this time, our automated workshop has not yet taken shape, and the income from selling workshop products is relatively small. Moreover, we still need to use workshop products to upgrade the Tianji Temple and unlock technologies. We can complete the bounty quests every week. There are two types of bounty quests. Completing the quests can earn copper coins and prestige. After the prestige is increased, you can also receive prestige level rewards via email every week. PS: You can earn some money by hand-making screws in the early stage. =Commodity Quests= 【Soap】After settling the delivery of 50 soaps, you can trigger the relevant merchandise plot at Wangzhu Clothing Store the next day. 【Medicine Box】After settling the delivery of 50 medicine boxes, you can trigger the relevant merchandise plot at Ji'an Hall the next day. 【Watches】and【Ovens】After settling the delivery of 50 watches and ovens respectively, you can trigger the relevant merchandise plot at Jiangyue Tower the next day. f526dd3b1f4846af434c7d1c1f15fd3537fee35e 0 62 205 204 2024-02-15T04:30:38Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Mode= There are currently six modes in the workshop building: ===regular mode:=== logistics mode, power mode, water conservancy mode, construction mode, and recipe mode. ===Regular Mode:=== Under this mode, we can build and demolish all buildings except wires and pipes normally. ===Logistics Mode:=== After this mode is enabled, you can see the entrances and exits of all buildings, as well as conveyor belts, and in this mode, only conveyor belts and underground conveyor belts can be demolished. ===Power Mode:=== After this mode is enabled, the power grid becomes a highlighted mode, and you can see the power required by all buildings that require electricity, and the total power of the power grid. In this mode, only wires can be demolished. Grid power generation > power consumption, the battery starts to charge, and power generation < power consumption, the battery starts to discharge. ===Electrical Cross-Zone Mode Description:=== After the technology of Oracle Temple T5 Node 1, we can transmit power across zones in the distributed workshop. The rules for cross-zone power transmission are as follows: 1,The power transmission end is named the parent grid A, and the power receiving end is the child grid, named B. 2,Once it is determined that the child grid is a child grid, it cannot transmit power to the lower level (because if a construction of A->B->A is created, it will cause a infinite recursion and the program will deadlock. Therefore, only nested child grids are disabled). 3,If the power generation of the child grid is greater than the power consumption, it will no longer use the power from the parent grid. 4,Support A->B, C, but not A->B->C (the same reason as 2, because players may create A->B->C->A to form an infinite recursion). 5,The child grid can only have one parent grid. ===Water Conservancy Mode:=== After this mode is enabled, the pipelines become a highlighted mode, and you can see the liquid required by all buildings that require liquid, and in this mode, only pipes can be demolished. ===Construction Mode:=== F5 turns on this mode, which stops the flow of time, and all machinery stops operating to lay out the production line. However, you cannot use the production bench, production room, and mini-satellite. Recipe Mode: F4 turns on this mode, and the buildings will display the items currently being produced. 3c99cb3bccc1c8e3447903d7082eac172fedf860 0 63 210 209 2024-02-15T04:30:38Z Pcj 1919 4 revisions imported wikitext text/x-wiki <big> =Moonriver Inn= Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 c19e64b6706ffa455c434aa35428654593a9cf05 0 64 213 212 2024-02-15T04:30:38Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Mountain Road= The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability). b4c23d14db0caa359012d866c801b927288acbf6 0 66 250 249 2024-02-15T04:30:42Z Pcj 1919 2 revisions imported wikitext text/x-wiki ==Dateables NPC == [[文件:face_cff_0.png|Chai Feifei|100px|left|link=Chai Feifei]] [[文件:face_hlcs_0.png|He Lianchangshan|125px|link=He Lianchangshan]] [[文件:face_lcy_0.png|Lu Chanyi|100px|link=Lu Chanyi]] [[文件:face_lwx_0.png|Li Wangxing|125px|link=Li Wangxing]] [[文件:face_lyy_0.png|Liu Yiyi|100px|link=Liu Yiyi]] [[文件:face_xck_0.png|Xu Changkong|125px|link=Xu Changkong]] [[文件:face_xct_0.png|Xu Changting|100px|link=Xu Changting]] [[文件:face_zly_0.png|Li Yan|100px|link=Li Yan]] [[文件:萧钰.png|Xiao Yu|100px|link=Xiao Yu]] [[文件:阿昙.png|Tan|100px|link=Tan]] ==Other NPC== [[文件:鲁冰花.png|Lu Binghua|100px|link=Lu Binghua]] [[文件:一元.png|Yi Yuan|100px|link=Yi Yuan]] [[文件:徐富春.png|Xu Fuchun|100px|link=Xu Fuchun]] [[文件:林山石.png|Lin Shanshi|100px|link=Lin Shanshi]] [[文件:曹云惠.png|Cao Yunhui|100px|link=Cao Yunhui]] [[文件:鲁威.png|Lu Wei|100px|link=Lu Wei]] [[文件:曹云秀.png|Cao Yunxiu|100px|link=Cao Yunxiu]] [[文件:俞关山.png|Yu Guanshan|100px|link=Yu Guanshan]] [[文件:孙道一.png|Sun Daoyi|100px|link=Sun Daoyi]] [[文件:陆英.png|Lu Ying|100px|link=Lu Ying]] [[文件:郑德.png|Zheng De|100px|link=Zheng De]] [[文件:红弦.png|Hong Xian|100px|link=Hong Xian]] [[文件:寒山.png|Han Shan|100px|link=Han Shan]] [[文件:野利旺珠.png|Ye Liwangzhu|100px|link=Ye Liwangzhu]] [[文件:柳三娘.png|Liu Sanniang|100px|link=Liu Sanniang]] [[文件:柴世豪.png|Chai Shihao|100px|link=Chai Shihao]] [[文件:柴家祖母.png|Grandmother Chai|100px|link=Grandmother Chai]] baa81fccda09c72b060fb747b8a9de362545f893 0 67 253 252 2024-02-15T04:30:43Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Occult Go Club= Attribute: Function, Residence Located in the northeast corner of River town Business hours: (10:00-22:00) Related NPC: Xu Changting When your favorability with Xu Changting reaches 2 stars, coming to the second floor of the chess club to watch chess can increase your comprehension. [[file:通玄棋社.png|300px]] 7c40e043164c4e3093644b5780248e7ed120ea9f 0 68 256 255 2024-02-15T04:30:43Z Pcj 1919 2 revisions imported wikitext text/x-wiki By default, use 【W】【S】【A】【D】 to control the movement of the character. 【G】 to switch walking mode. [[file:帮助en.png|thumb|none]] 【Space】to perform lightness skills. It requires equipping lightness skills to perform. After performing, the character will dash in the direction they are facing, consuming stamina. [[file:轻功en.png|thumb|none]] 4234eb026a6c3ae70b62559d0317240c1df4a534 0 69 262 261 2024-02-15T04:30:44Z Pcj 1919 5 revisions imported wikitext text/x-wiki <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">T1</span></li> <li class="bili-list-style"><span class="tab-panel">T2</span></li> <li class="bili-list-style"><span class="tab-panel">T3</span></li> <li class="bili-list-style"><span class="tab-panel">T4</span></li> <li class="bili-list-style"><span class="tab-panel">T5</span></li> <li class="bili-list-style"><span class="tab-panel">T6</span></li> <li class="bili-list-style"><span class="tab-panel">T7</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--T1--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T1 Node 1||[[file:1-1.png]]||Main Control Device||The main control device can be used for technology learning and I-Crystal exchange.||Lumber *15, Aggregate *15, Coal *20 |- <!-- 第2行 --> |Repair T1 Node 2||[[file:1-2.png]]||Resource Detector||Press [Q] on the world map to scan nearby mineral resources and mark their location for tracking.||Iron Ingot*30，Copper Ingot*30 |- <!-- 第3行 --> |Repair T1 Node 3||[[file:1-3.png]]||North Bridge||Repair the North Bridge, leading to the northern continent.||Wooden Plate*80，Wooden Rod*100，Iron Plate*30 |- <!-- 第4行 --> |Repair T1 Node 4||[[file:1-4.png]]||Backpack Expansion||Increase the maximum number of backpack slots by 8.||Thread*40，Cloth*20 |- <!-- 第5行 --> |Repair T1 Node 5||[[file:1-5.png]]||River Town Transport Station||The transport station allows for quick teleportation between explored villages and other transport stations.||Stone Brick*160，Primary Tools*20，Wooden Rod*300，Cloth*20 |- <!-- 第6行 --> |T1 Completed||[[file:0-1.png]]||Teleportation Well||Teleportation wells allow quick movement between River Town wells.||All nodes of the T1 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T2--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T2 Node 1||[[file:2-1.png]]||Batch Demolition||Unlock the deconstruction planner for batch demolition of buildings.||Liquor*60，Cooking Oil*60 |- <!-- 第2行 --> |Repair T2 Node 2||[[file:2-2.png]]||Portable Lab||Unlock quick technology learning and the [Crystalizer] building recipe (automated production of I-Crystal using input materials).||Copper Plate*400，Iron Plate*400，Primary Tools*120 |- <!-- 第3行 --> |Repair T2 Node 3||[[file:2-3.png]]||Primary Core Processing||Unlock the recipe for the [Core Charger] building and the production recipe for [Energy Module C], as well as the production recipe for [Iron Core].||Screw*800，Copper Cable*500，Stone Brick*400 |- <!-- 第4行 --> |Repair T2 Node 4||[[file:2-4.png]]||Wild Enemy Detector||Press [F] on the world map to scan for potential nearby enemies.||Iron Frame*400，Wooden Frame*100，Spider Leg*20，Bat Tooth*20 |- <!-- 第5行 --> |Repair T2 Node 5||[[file:2-5.png]]||Craft Room||Unlock the recipe for the [Craft Room] building.||Reinforced Wooden Plate*100，Copper Plate*500，Energy Module C*20，Oiled Paper*20 |- <!-- 第6行 --> |T2 Completed||[[file:0-2.png]]||Friend Locator||In [Menu-Socialize], you can view the current location of friends you already know.||All nodes of the T2 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T3--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T3 Node 1||[[file:3-1.png]]||Refined Mining||Various resource sites can be upgraded to level 5.||Iron Core*50，Reinforced Wooden Plate*150，Reinforced Iron Plate*100，Copper Cable*1000 |- <!-- 第2行 --> |Repair T3 Node 2||[[file:3-2.png]]||BI-Crystal||Unlock [BI-Crystal] exchange and recipe.||Reinforced Wooden Plate*400，Reinforced Iron Plate*300，Iron Core*120，Stone Brick*1000 |- <!-- 第3行 --> |Repair T3 Node 3||[[file:3-3.png]]||East Bridge||Repair the East Bridge, leading to the eastern continent.||Steel Plate*400，Steel Pipe*400，Iron Tools*10，Reinforced Wooden Plate*500 |- <!-- 第4行 --> |Repair T3 Node 4||[[file:3-4.png]]||Quantum Movement||Unlock the recipe for the [Teleport Pad] building.||Iron Core*200，Rotor*200，Steel Pipe*600，Steel Plate*600 |- <!-- 第5行 --> |Repair T3 Node 5||[[file:3-5.png]]||Blueprint||Unlock blueprint function and the recipe for [Building Capsule].||Stone Brick*1500，Reinforced Wooden Plate*800，Wooden Frame*600，Iron Tools*100 |- <!-- 第6行 --> |T3 Completed||[[file:0-3.png]]||Mini Map||You can view a mini-map of all locations except the workshop.||All nodes of the T3 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T4--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T4 Node 1||[[file:4-1.png]]||Sand Mine Detector||Ability to scan for sand mine on the world map.||Iron Tools*200，Iron Core*200，Rotor*200 |- <!-- 第2行 --> |Repair T4 Node 2||[[file:4-2.png]]||Beast Tide||Activate the beast tide defense mode in River Town.||Sand*1000，Purified Silicon*500，Glass*400 |- <!-- 第3行 --> |Repair T4 Node 3||[[file:4-3.png]]||Intermediate Core Processing||Unlock the production recipe for [Energy Module B] and the production recipe for [Steel Core].||Reinforced Concrete*200，Stator*100，Rotor*240，Iron Core*400 |- <!-- 第4行 --> |Repair T4 Node 4||[[file:4-4.png]]||West Bridge||Repair the West Bridge, leading to the western continent.||Reinforced Brick*600，Iron Tools*200，Industrial Structure*50，Energy Module B*50 |- <!-- 第5行 --> |Repair T4 Node 5||[[file:4-5.png]]||Dimensional Boots||Acquired the equipment [Dimensional Boots], if equipped, you can move through the workshop without being blocked by buildings.||Glass*800，Purified Silicon*800，Steel Core*100，Industrial Structure*100 |- <!-- 第6行 --> |T4 Completed||[[file:0-4.png]]||Distributed Workshop||Able to observe vacant land on the world map, can purchase the land to expand the workshop, and unlock the recipes for [Inter-area Sending Depot] and [Inter-area Receiving Depot].||All nodes of the T4 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T5--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T5 Node 1||[[file:5-1.png]]||Inter-area Power Transmission||Unlock the recipe for the [Inter-area Power Provider] and [Inter-area Power Receiver] buildings.||Industrial Structure*200，Steel Core*300，Fuel Bar*1000，Iron Tools*500 |- <!-- 第2行 --> |Repair T5 Node 2||[[file:5-2.png]]||Resource Site Teleportation||Option to quickly move to specified resource sites in the resource interface.||芯片*200，Stator*500，Rotor*500，Reinforced Brick*2000 |- <!-- 第3行 --> |Repair T5 Node 3||[[file:5-3.png]]||Inter-area Teleportation||Unlock the recipe for the [Inter-area Teleporter] building.||Controller*200，Electric Motor*200，Industrial Structure*400，Steel Core*500 |- <!-- 第4行 --> |Repair T5 Node 4||[[file:5-4.png]]||PI-Crystal||Unlock [PI-Crystal] exchange and recipe.||Advanced Tools*100，Electric Motor*200，Controller*300 |- <!-- 第5行 --> |Repair T5 Node 5||[[file:5-5.png]]||South Bridge||Repair the South Bridge, leading to the southern continent.||Reinforced Brick*2500，Industrial Structure*500，Advanced Tools*50，Electric Motor*300 |- <!-- 第6行 --> |T5 Completed||[[file:0-5.png]]||Crude Oil Exploration||Able to observe and scan crude oil resources on the world map, while also unlocking [Refinery].||All nodes of the T5 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T6--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T6 Node 1||[[file:6-1.png]]||Advanced Mining||Various resource sites can be upgraded to level 8.||Packaged Oil*1500，Plastic*400，Rubber*400，Controller*300 |- <!-- 第2行 --> |Repair T6 Node 2||[[file:6-2.png]]||Fuel Power Generation||Unlock the building recipe for [Fuel Generator] and the production recipe for [Fuel Energy Cube].||Plastic*500，Rubber*500，Electric Motor*300，Advanced Tools*100 |- <!-- 第3行 --> |Repair T6 Node 3||[[file:6-3.png]]||Information Technology||Unlock the production recipe for [Large Computer].||Circuit Board*200，Industrial Structure*500，High-performance Flooring*400，Controller*400 |- <!-- 第4行 --> |Repair T6 Node 4||[[file:6-4.png]]||Accessory Slot Expansion||Unlock the second accessory slot for equipment.||Large Computer*50，Circuit Board*300，Advanced Tools*300，Electric Motor*500 |- <!-- 第5行 --> |Repair T6 Node 5||[[file:6-5.png]]||Artisan Ring||Obtained the accessory [Artisan Ring], wearing it will halve the number of hammer times for all handcrafted products, which can stack with talents.||Large Computer*150，High-performance Flooring*800，Iron Core*3000，Steel Core*1500 |- <!-- 第6行 --> |T6 Completed||[[file:0-6.png]]||Oracle Temple Restoration||Oracle Temple has been completely restored, and XT's energy is fully charged.||All nodes of the T6 have been repaired. |} </div> <div class="resp-tab-content" style="display:none"><!--T7--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Node!!icon!!name!!Instructions!!Conditions |- <!-- 第1行 --> |Repair T7 Node 1||[[file:7-1.png]]||Floatland Teleportation||Unlock the teleporter to the Floatland map||Large Computer*300，Advanced Tools*600，Rubber*1200，High-performance Flooring600 |- <!-- 第2行 --> |Repair T7 Node 2||[[file:7-2.png]]||Overclocking||Unlock the production machinery [overclocking] function, which can adjust the production rate to 10%~ 200%.||Organic Energy Block*200，Large Computer*400，Radiator*100，Advanced Tools*500 |- <!-- 第3行 --> |Repair T7 Node 3||[[file:7-3.png]]||YI-Crystal||Unlock [YI-Crystal] exchange and recipe||Large Computer*400，Superalloy*400，Radiator*200，Steel Core*600 |- <!-- 第4行 --> |Repair T7 Node 4||[[file:7-4.png]]||Advanced Core Processing||Unlock the production recipe for [Energy Module A] and the production recipe for [Mechanical Core].||Radiator*300，Iron Core*2000，Steel Core*800，Advanced Tools*600 |- <!-- 第5行 --> |Repair T7 Node 5||[[file:7-5.png]]||Superior Mining||Various resource sites can be upgraded to level 9 (maximum)||Mechanical Core*200，Radiator*500，Space Structure*100，Space Fuel*100 |- <!-- 第6行 --> |T7 Completed||[[file:0-7.png]]||Rocket Silo||Unlock the recipe for the [Rocket Silo] building.||All nodes of the T7 have been repaired. |} </div> </div> </div> </div> </div> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Unlock buildings!!Unlocked manufacturing!!RI-Crystal!!GI-Crystal!!BI-Crystal!!PI-Crystal!!YI-Crystal!!Conditions |- <!-- 第1行 --> |Basic Warehousing||[[file:build_2.png]]||Storage Chest，Auto Supplying Chest|||||||||||||| |- <!-- 第2行 --> |Automatic Manufacturing I||[[file:build_50.png]]||Constructor||||4|||||||||| |- <!-- 第3行 --> |Introduction to Logistics||[[file:build_20.png]]||Transport Belt，Underground Belt||||3||||||||||Automatic Manufacturing I |- <!-- 第4行 --> |Iron Manufacturing||[[file:item_60.png]]||||Iron Plate，Iron Rod||8||||||||||Automatic Manufacturing I |- <!-- 第5行 --> |Copper Manufacturing||[[file:item_68.png]]||||Copper Plate，Copper Cable||8||||||||||Automatic Manufacturing I |- <!-- 第6行 --> |Automatic Smelting||[[file:build_55.png]]||Smelter||||22||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第7行 --> |Logistics Expansion I||[[file:build_40.png]]||Splitter，Merger||||3||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第8行 --> |Basic Electricity||[[file:build_199.png]]||Small Coal Generator，Wire||||16||||||||||Iron Manufacturing，Copper Manufacturing |- <!-- 第9行 --> |Small Lamp||[[file:build_480.png]]||Small Floor Lamp||||105||45||||||||Basic Electricity |- <!-- 第10行 --> |Wood Fiberization||[[file:item_14.png]]||||Wood Fiber，线||15||||||||||Automatic Manufacturing I |- <!-- 第11行 --> |Cloth Production||[[file:item_16.png]]||||Cloth||12||||||||||Wood Fiberization |- <!-- 第12行 --> |Stone Processing||[[file:item_55.png]]||||Stone Brick||16||||||||||Wood Fiberization |- <!-- 第13行 --> |Basic Tooling||[[file:item_57.png]]||||Primary Tools||18||||||||||Stone Processing |- <!-- 第14行 --> |Stone Floor||[[file:build_460.png]]||Floor Dismantle，Stone Floor||||380||260||30||||||Basic Tooling |- <!-- 第15行 --> |Basic Construction||[[file:build_400.png]]||Stone Wall，Wooden Gate||||155||60||||||||Stone Processing |- <!-- 第16行 --> |Food Processing||[[file:item_4.png]]||Grain Processor||Liquor，Cooking Oil||50||||||||||Automatic Manufacturing I |- <!-- 第17行 --> |Antibiotic||[[file:item_800.png]]||Antibiotic||||280||130||||||||Food Processing |- <!-- 第18行 --> |Automatic Manufacturing II||[[file:build_51.png]]||Assembler||||40||2||||||||Automatic Manufacturing I |- <!-- 第19行 --> |Basic Iron Forging||[[file:item_65.png]]||||Screw，Reinforced Iron Plate，Iron Frame||52||5||||||||Automatic Manufacturing II |- <!-- 第20行 --> |Local Storage||[[file:build_7.png]]||Iron Chest||||67||12||||||||Basic Iron Forging |- <!-- 第21行 --> |Intermediate Tooling||[[file:item_66.png]]||||Iron Tools||455||305||40||||||Basic Iron Forging |- <!-- 第22行 --> |Tent||[[file:item_6001.png]]||||Tent||95||35||||||||Basic Iron Forging |- <!-- 第23行 --> |Basic Logistics||[[file:build_21.png]]||Fast Transport Belt，Fast Underground Belt||||110||55||||||||Basic Iron Forging |- <!-- 第24行 --> |Logistics Expansion II||[[file:build_44.png]]||Overflow Splitter (Left)，Overflow Splitter (Right)||||265||105||||||||Basic Logistics |- <!-- 第25行 --> |Power Generation||[[file:build_201.png]]||Water Pump，water pipe，Coal Generator||||200||75||||||||Basic Iron Forging |- <!-- 第26行 --> |Durable Fuel||[[file:item_120.png]]||||Fuel Bar||420||282||5||||||Power Generation |- <!-- 第27行 --> |Basic Wood Manufacturing||[[file:item_52.png]]||||Reinforced Wooden Plate，Wooden Frame||97||65||||||||Automatic Manufacturing II |- <!-- 第28行 --> |Paper production||[[file:item_58.png]]||||Paper，Oiled Paper||160||80||||||||Basic Wood Manufacturing |- <!-- 第29行 --> |Assistive Signboard||[[file:build_410.png]]||Sign||||385||272||8||||||Basic Wood Manufacturing |- <!-- 第30行 --> |Ancient Commodity||[[file:item_7012.png]]||||Bronze Mirror，Oiled Paper Umbrella||275||125||||||||Automatic Manufacturing II |- <!-- 第31行 --> |Exquisite Silk Fabric Craftsmanship||[[file:item_950.png]]||||Delicate Leather，Delicate Thread||385||168||65||||||Ancient Commodity |- <!-- 第32行 --> |Automated Shipping||[[file:build_3.png]]||Auto Shipping Chest||||305||135||||||||Ancient Commodity |- <!-- 第33行 --> |Steel Smelting||[[file:build_56.png]]||Foundry||Steel Ingot||314||137||||||||Automatic Manufacturing II |- <!-- 第34行 --> |Basic Steel Forging||[[file:item_74.png]]||||Steel Pipe，Steel Plate||365||140||||||||Steel Smelting |- <!-- 第35行 --> |Intermediate Logistics||[[file:build_22.png]]||Express Transport Belt，Express Underground Belt||||330||205||5||||||Basic Steel Forging |- <!-- 第36行 --> |Introduction to Electric Devices||[[file:item_90.png]]||||Rotor||380||260||30||||||Basic Steel Forging |- <!-- 第37行 --> |Intelligent Sorting Logistics||[[file:build_42.png]]||Smart Splitter||||150||74||15||||||Introduction to Electric Devices |- <!-- 第38行 --> |Building Capsule Machine||[[file:build_64.png]]||Building Capsule Machine||||620||515||90||||||Basic Steel Forging |- <!-- 第39行 --> |High-strength Materials||[[file:item_56.png]]||||Reinforced Concrete，Reinforced Brick||550||420||55||||||Basic Steel Forging |- <!-- 第40行 --> |Steel Walls||[[file:build_401.png]]||Steel Wall||||1240||1080||570||||||High-strength Materials |- <!-- 第41行 --> |Industrial Manufacturing||[[file:build_52.png]]||Manufacturer||||620||540||50||||||Basic Steel Forging |- <!-- 第42行 --> |Oracle Stone||[[file:item_980.png]]||Oracle Stone||||660||580||90||||||Industrial Manufacturing |- <!-- 第43行 --> |Sandstone Processing||[[file:item_6.png]]||||Purified Silicon，Glass||720||615||110||||||Industrial Manufacturing |- <!-- 第44行 --> |Photovoltaic Power Generation Device||[[file:build_202.png]]||Solar Power Panel||||650||350||100||||||Sandstone Processing |- <!-- 第45行 --> |Electronic Industry||[[file:item_92.png]]||||Chip||730||510||195||||||Sandstone Processing |- <!-- 第46行 --> |Electrical Industrialization||[[file:item_93.png]]||||Controller，Electric Motor||1945||1705||275||||||Electronic Industry |- <!-- 第47行 --> |High-Speed Floor||[[file:build_461.png]]||High-Speed Floor||||2148||1910||670||75||||Electrical Industrialization |- <!-- 第48行 --> |Wide-area View||[[file:build_130.png]]||Mini Satellite||||840||705||240||||||Sandstone Processing |- <!-- 第49行 --> |Basic Electric Devices||[[file:item_91.png]]||||Stator||738||602||150||||||Industrial Manufacturing |- <!-- 第50行 --> |Area Lighting||[[file:build_481.png]]||Street Lamp||||988||695||301||||||Basic Electric Devices，Sandstone Processing |- <!-- 第51行 --> |Electricity Storage||[[file:build_220.png]]||Accumulator||||220||60||10||||||Basic Electric Devices |- <!-- 第52行 --> |Industrial Products||[[file:item_77.png]]||||Industrial Structure||485||275||90||||||Industrial Manufacturing |- <!-- 第53行 --> |RM Shield||[[file:item_981.png]]||||RM Shield||610||460||120||||||Industrial Products |- <!-- 第54行 --> |Large-scale Cargo Processing||[[file:build_6.png]]||Large Supplying Chest||||880||720||212||||||Industrial Products |- <!-- 第55行 --> |Large Storage Chest||[[file:build_8.png]]||Large Storage Chest||||1620||1322||458||||||Large-scale Cargo Processing |- <!-- 第56行 --> |Modern Medical Goods||[[file:item_7016.png]]||||Alcohol，Medicine Box||575||310||75||||||Industrial Manufacturing |- <!-- 第57行 --> |Modern Daily Necessities||[[file:item_7002.png]]||||Soap||670||550||180||||||Modern Medical Goods |- <!-- 第58行 --> |Controller||[[file:item_94.png]]||||Controller||2275||1102||550||||||Industrial Manufacturing |- <!-- 第59行 --> |Petroleum Products||[[file:item_200.png]]||||Plastic，Rubber||2290||1950||1600||250||||Controller |- <!-- 第60行 --> |Advanced Logistics||[[file:build_23.png]]||Hyperfast Transport Belt，Hyperfast Underground Belt||||2195||1975||405||8||||Petroleum Products |- <!-- 第61行 --> |Integrated Electronics||[[file:item_97.png]]||||Circuit Board||2850||2560||1150||725||||Petroleum Products |- <!-- 第62行 --> |High Brightness Lighthouse||[[file:build_482.png]]||High Beam Tower||||3450||3260||1550||1075||||Integrated Electronics |- <!-- 第63行 --> |Network Storage||[[file:build_10.png]]||Network Storage (with input)，Network Storage (without input)||||1980||1810||748||||||Integrated Electronics |- <!-- 第64行 --> |High-Performance Floor||[[file:build_462.png]]||High-Performance Floor||High-Performance Floor||2590||2350||1075||755||||Petroleum Products |- <!-- 第65行 --> |Strong Steel Wall||[[file:build_402.png]]||Strong Steel Wall||||6900||6520||3100||2150||||High-Performance Floor |- <!-- 第66行 --> |Modern Commodities||[[file:item_7024.png]]||||Watch，Oven||3700||3445||1700||1375||||Petroleum Products |- <!-- 第67行 --> |Automated Gathering||[[file:build_63.png]]||Auto Gatherer||||4203||3888||2210||1806||||Petroleum Products |- <!-- 第68行 --> |Superalloy||[[file:item_210.png]]||||Superalloy||3903||3588||1910||1506||||Petroleum Products，Automated Gathering |- <!-- 第69行 --> |Organic Energy||[[file:build_65.png]]||Organic Energy Block||||4215||3900||2208||1820||||Superalloy |- <!-- 第70行 --> |Radiator||[[file:item_215.png]]||||Radiator||4527||4205||2508||2020||||Superalloy |- <!-- 第71行 --> |Network Pickup Box||[[file:build_12.png]]||Network Pickup Box||||5500||5205||3508||3020||200||Radiator |- <!-- 第72行 --> |Overclocking Lv2||[[file:725.png]]||Overclocking up to 250%||||5702||5401||3703||3020||400||Radiator |- <!-- 第73行 --> |Overclocking Lv3||[[file:730.png]]||Overclocking up to 300%||||6500||6205||4508||4020||1200||Overclocking Lv2 |- <!-- 第74行 --> |External Reinforcement||[[file:735.png]]||Each study can increase External by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第75行 --> |Internal Reinforcement||[[file:740.png]]||Each study can increase Internal by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第76行 --> |Lightness Reinforcement||[[file:745.png]]||Each study can increase Lightness by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第77行 --> |Tough Reinforcement||[[file:750.png]]||Each study can increase Tough by 3||||2000||1800||1000||500||300||Superalloy |- <!-- 第78行 --> |Space Structure||[[file:item_220.png]]||||Space Structure||4620||4375||2633||2100||||Superalloy |- <!-- 第79行 --> |Space Fuel||[[file:item_221.png]]||||Space Fuel||4619||4324||2608||2180||||Superalloy |- <!-- 第80行 --> |Space Engine||[[file:item_222.png]]||||Space Engine||4650||4305||2611||2102||||Superalloy |- <!-- 第81行 --> |Arrow Tower||[[file:build_600.png]]||Arrow Tower||Arrow||840||780||290|||||| |- <!-- 第82行 --> |Spiked Barriers||[[file:build_650.png]]||Spiked Fence||||1140||980||490||||||Arrow Tower |- <!-- 第83行 --> |Arrow Reinforcement||[[file:item_601.png]]||||Strong Arrow，Frost Arrow||2148||1910||670||75||||Arrow Tower |- <!-- 第84行 --> |Turret||[[file:build_605.png]]||Turret||Shell||1240||1080||570||||||Arrow Tower |- <!-- 第85行 --> |Shell Reinforcement||[[file:item_651.png]]||||Strong Shell，Frost Shell||4580||3900||1200||500||||Turret |- <!-- 第86行 --> |Healing Tower||[[file:build_610.png]]||Healing Tower||Repair Pack||1440||1280||830||||||Turret |- <!-- 第87行 --> |Repair Pack Reinforcement||[[file:item_681.png]]||||Advanced Repair Pack||5700||5120||2300||1450||||Healing Tower |} </div> </div> </div> </div> </div> 2d1fbe397f2fb714bb1aaa1379c1c2931a58accb 0 70 264 263 2024-02-15T04:30:44Z Pcj 1919 1 revision imported wikitext text/x-wiki =Portable Lab= After we repair the second node of Oracle Temple T2, we can unlock the portable technology. Portable technology allows us to learn technology anywhere, combined with the [Crystalizer] (automatic production of crystal energy by inputting materials), we can learn technology without going to the console of Oracle Temple. After unlocking, you can check it by clicking the button below the time in the upper right corner. The shortcut key for portable technology is [P]. [[file:2-2.png]] de12dc3c2f2c65f6ee95665ab9d66d8843887b34 0 71 266 265 2024-02-15T04:30:44Z Pcj 1919 1 revision imported wikitext text/x-wiki =RT Dock= The place where Helian Changshan stores the goods, he occasionally comes to check the goods. There is a collection point at the dock, and you can come here to collect if you have a demand. e1af03a520ae88ef239b934e88d5440eac353b92 0 72 268 267 2024-02-15T04:30:44Z Pcj 1919 1 revision imported wikitext text/x-wiki =RT Hilltop= After entering Mountain Road, continue to walk north to arrive, there is a collection point. 49867a7e584120f40836655a34ee84bd104c1c7e 0 73 272 271 2024-02-15T04:30:44Z Pcj 1919 3 revisions imported wikitext text/x-wiki =RT Suburbs= Located on the west side of River town, with access to Mountain Road, there are 3 collection points and a cave (the caves are related to the plot of Tan favorability) a70798c7922743a334e9e2b83378f4b5b50a835b 0 74 274 273 2024-02-15T04:30:44Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!access!!build!!Input!!output!!time/s!!Manual count |- <!-- 第1行 --> |Lumber||fulfil a task[Know Lin Shanshi]||Workbench，Constructor，Assembler，Manufacturer||Wood*1||1||3||3 |- <!-- 第2行 --> |Wooden Plate||fulfil a task[Purchase Resource Sites]||Workbench，Constructor，Assembler，Manufacturer||Lumber*1||1||3||3 |- <!-- 第3行 --> |Reinforced Wooden Plate||Technology||Workbench，Assembler，Manufacturer||Wooden Plate*2，Aggregate*3||1||8||8 |- <!-- 第4行 --> |Wooden Frame||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*4，Screw*6||1||8||8 |- <!-- 第5行 --> |Iron Core||RepairT2Node3||Workbench，Assembler，Manufacturer||Reinforced Iron Plate*1，Energy Module C*1||1||10||10 |- <!-- 第6行 --> |Wooden Rod||fulfil a task[Purchase Resource Sites]||Workbench，Constructor，Assembler，Manufacturer||Lumber*2||3||6||6 |- <!-- 第7行 --> |Aggregate||fulfil a task[Know Lin Shanshi]||Workbench，Constructor，Assembler，Manufacturer||Stone*1||1||3||3 |- <!-- 第8行 --> |Iron Ingot||fulfil a task[Know Lin Shanshi]||Smelter，Furnace||Iron Ore*2||1||3||3 |- <!-- 第9行 --> |Copper Ingot||fulfil a task[Purchase Resource Sites]||Smelter，Furnace||Copper Ore*2||1||3||3 |- <!-- 第10行 --> |Stone Brick||Technology||Workbench，Constructor，Assembler，Manufacturer||Aggregate*2||1||6||6 |- <!-- 第11行 --> |Iron Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Ingot*1||1||3||3 |- <!-- 第12行 --> |Iron Rod||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Ingot*2||3||6||6 |- <!-- 第13行 --> |Screw||Technology||Workbench，Constructor，Assembler，Manufacturer||Iron Rod*1||3||2||2 |- <!-- 第14行 --> |Reinforced Iron Plate||Technology||Workbench，Assembler，Manufacturer||Iron Plate*2，Screw*4||1||8||8 |- <!-- 第15行 --> |Iron Frame||Technology||Workbench，Assembler，Manufacturer||Iron Rod*4，Screw*6||1||8||8 |- <!-- 第16行 --> |Iron Tools||Technology||Workbench，Assembler，Manufacturer||Iron Rod*2，Reinforced Iron Plate*1||1||10||10 |- <!-- 第17行 --> |Steel Core||RepairT4Node3||Workbench，Assembler，Manufacturer||Iron Tools*1，Energy Module B*1||1||12||12 |- <!-- 第18行 --> |Copper Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Copper Ingot*1||1||3||3 |- <!-- 第19行 --> |Copper Cable||Technology||Workbench，Constructor，Assembler，Manufacturer||Copper Ingot*2||3||6||6 |- <!-- 第20行 --> |Purified Silicon||Technology||Workbench，Constructor，Assembler，Manufacturer||Sand*5||1||10||10 |- <!-- 第21行 --> |Glass||Technology||Foundry||Sand*3，Stone*3||1||5||5 |- <!-- 第22行 --> |Wood Fiber||Technology||Workbench，Constructor，Assembler，Manufacturer||Wood*2||3||6||6 |- <!-- 第23行 --> |Thread||Technology||Workbench，Constructor，Assembler，Manufacturer||Wood Fiber*2||1||6||6 |- <!-- 第24行 --> |Small Cloth Cabinet||Technology||Workbench，Constructor，Assembler，Manufacturer||Thread*2||1||6||6 |- <!-- 第25行 --> |Paper||Technology||Workbench，Constructor，Assembler，Manufacturer||Lumber*1||2||3||3 |- <!-- 第26行 --> |Oiled Paper||Technology||Workbench，Assembler，Manufacturer||Paper*3，Cooking Oil*1||1||9||9 |- <!-- 第27行 --> |Primary Tools||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*2，Aggregate*1||1||10||10 |- <!-- 第28行 --> |Liquor||Technology||Grain Processor||Grain*4||1||16||16 |- <!-- 第29行 --> |Cooking Oil||Technology||Grain Processor||Grain*4||1||16||16 |- <!-- 第30行 --> |Alcohol||Technology||Smelter||Liquor*3||1||12||12 |- <!-- 第31行 --> |Steel Smelting||RepairT3Node2||Foundry||Iron Ore*2，Coal*2||1||4||4 |- <!-- 第32行 --> |Steel Pipe||Technology||Workbench，Constructor，Assembler，Manufacturer||Steel Ingot*2||1||8||8 |- <!-- 第33行 --> |Steel Plate||Technology||Workbench，Constructor，Assembler，Manufacturer||Steel Ingot*3||2||9||9 |- <!-- 第34行 --> |Reinforced Concrete||Technology||Workbench，Assembler，Manufacturer||Steel Plate*2，Aggregate*5||1||16||16 |- <!-- 第35行 --> |Rotor||Technology||Workbench，Assembler，Manufacturer||Iron Rod*4，Copper Cable*25||1||20||20 |- <!-- 第36行 --> |Stator||Technology||Workbench，Assembler，Manufacturer||Copper Plate*4，Screw*25||1||20||20 |- <!-- 第37行 --> |Fuel Bar||Technology||Workbench，Assembler，Manufacturer||Coal*1，Wood Fiber*1||1||4||4 |- <!-- 第38行 --> |Reinforced Brick||Technology||Workbench，Constructor，Assembler，Manufacturer||Reinforced Concrete*1||2||8||8 |- <!-- 第39行 --> |Delicate Leather||Technology||Workbench，Assembler，Manufacturer||Beast Fur*1，Small Cloth Cabinet*2||1||10||10 |- <!-- 第40行 --> |Delicate Thread||Technology||Workbench，Assembler，Manufacturer||Spider Silk*1，Thread*4||2||10||10 |- <!-- 第41行 --> |RI-Crystal||RepairT2Node2||Crystalizer||Iron Ingot*3，Copper Ingot*3||1||5||20 |- <!-- 第42行 --> |GI-Crystal||RepairT2Node2||Crystalizer||Small Cloth Cabinet*3，Primary Tools*2||1||8||20 |- <!-- 第43行 --> |BI-Crystal||RepairT3Node2||Crystalizer||Iron Core*1，Steel Pipe*3||1||10||20 |- <!-- 第44行 --> |PI-Crystal||RepairT5Node4||Crystalizer||Controller*1，Electric Motor*1||1||12||20 |- <!-- 第45行 --> |YI-Crystal||RepairT7Node3||Crystalizer||Electric Motor*2，Aggregate*4||1||12||20 |- <!-- 第46行 --> |Chip||Technology||Workbench，Assembler，Manufacturer||Purified Silicon*10，Copper Plate*20||1||30||30 |- <!-- 第47行 --> |Controller||Technology||Workbench，Assembler，Manufacturer||Chip*2，Steel Core*1||1||30||30 |- <!-- 第48行 --> |Electric Motor||Technology||Workbench，Assembler，Manufacturer||Rotor*5，Stator*5||2||32||40 |- <!-- 第49行 --> |Advanced Tools||Technology||Workbench，Manufacturer||Industrial Structure*1，Controller*1，<br>Electric Motor*2||2||20||32 |- <!-- 第50行 --> |Tent||Technology||间||Small Cloth Cabinet*10，Wooden Rod*8，Reinforced Iron Plate*1||1||||20 |- <!-- 第51行 --> |Oracle Stone||RepairT4Node2||Workbench，Manufacturer，间||Purified Silicon*5，Iron Tools*2，Iron Core*10||1||12||12 |- <!-- 第52行 --> |RM Shield||Technology||间||Industrial Structure*1，Purified Silicon*6||1||||6 |- <!-- 第53行 --> |Energy Module C||RepairT2Node3||Core Charger||Copper Plate*3，Wooden Frame*1||1||20||20 |- <!-- 第54行 --> |Energy Module B||RepairT4Node3||Core Charger||Steel Pipe*4，Purified Silicon*10||1||30||30 |- <!-- 第55行 --> |Energy Module A||RepairT7Node4||Core Charger||Steel Pipe*4，Purified Silicon*10||1||30||30 |- <!-- 第56行 --> |Industrial Structure||Technology||Workbench，Manufacturer||Iron Frame*4，Steel Pipe*10，<br>Reinforced Brick*10||2||30||30 |- <!-- 第57行 --> |Plastic||Technology||Workbench，Assembler，Manufacturer||Packaged Oil*3，Coal*2||1||5||5 |- <!-- 第58行 --> |Rubber||Technology||Workbench，Assembler，Manufacturer||Packaged Oil*3，Grain*2||1||5||5 |- <!-- 第59行 --> |Circuit Board||Technology||Workbench，Manufacturer||Rubber*5，Copper Plate*20，Industrial Structure*2||1||30||30 |- <!-- 第60行 --> |Large Computer||RepairT6Node3||Workbench，Manufacturer||Circuit Board*1，Chip*5，Controller*5||1||30||30 |- <!-- 第61行 --> |Fuel Energy Cube||RepairT6Node2||Workbench，Assembler，Manufacturer||Fuel Bar*2，Packaged Oil*2||1||10||10 |- <!-- 第62行 --> |High-performance Flooring||Technology||Workbench，Manufacturer||Rubber*3，Plastic*3，Reinforced Brick*4||1||8||8 |- <!-- 第63行 --> |Antibiotic||RepairT2Node1||间||Liquor*5，Cooking Oil*5||1||||10 |- <!-- 第64行 --> |Soap||Technology||Workbench，Assembler，Manufacturer||Cooking Oil*2，Liquor精*2||1||6||6 |- <!-- 第65行 --> |Bronze Mirror||Technology||Workbench，Assembler，Manufacturer||Wooden Frame*1，Copper Plate*3||1||6||6 |- <!-- 第66行 --> |Oiled Paper Umbrella||Technology||Workbench，Assembler，Manufacturer||Wooden Rod*2，Oiled Paper*3||1||8||8 |- <!-- 第67行 --> |Medicine Box||Technology||Workbench，Assembler，Manufacturer||Small Cloth Cabinet*2，Liquor精*2，Iron Frame*1||1||12||12 |- <!-- 第68行 --> |Watch||Technology||Workbench，Assembler，Manufacturer||Glass*5，Chip*2，Circuit Board*1||1||16||16 |- <!-- 第69行 --> |Oven||Technology||Workbench，Assembler，Manufacturer||Industrial Structure*1，Advanced Tools*1，Large Computer*1||1||20||20 |- <!-- 第70行 --> |Building Capsule||RepairT3Node5||Workbench，Assembler，Manufacturer||Wooden Frame*1，Reinforced Concrete*1||3||15||15 |- <!-- 第71行 --> |Mechanical Core||RepairT7Node5||Workbench，Assembler，Manufacturer||Energy Module A*1，Superalloy*2||1||12||12 |- <!-- 第72行 --> |Superalloy||Technology||Foundry||Steel Ingot*3，Purified Silicon*3||1||5||5 |- <!-- 第73行 --> |Radiator||Technology||Workbench，Assembler，Manufacturer||Steel Plate*4，Copper Plate*4||1||10||10 |- <!-- 第74行 --> |Space Structure||Technology||Workbench，Assembler，Manufacturer||Superalloy*8，Rubber*4||2||30||30 |- <!-- 第75行 --> |Space Fuel||Technology||Workbench，Assembler，Manufacturer||Organic Energy Block*10，Fuel Energy Cube*5||1||30||30 |- <!-- 第76行 --> |Space Engine||Technology||Workbench，Manufacturer||Mechanical Core*2，Large Computer*1，Radiator*4||1||40||40 |} </div> </div> </div> </div> </div> bf83fe36947e1923c0b2dab984adc2b3926066f4 0 75 277 276 2024-02-15T04:30:45Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> =Resource= In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ====Resource Acquisition=== '''[[Resource site|Map Resource Point Detailed Location Query]]''' Among them, [Water Resources] can be obtained directly by a pump at the water's edge. Other resources are obtained in the corresponding venues, and the location and quality of resource points can be viewed in the resource points of the home page world map. [Liquid Resources] and [Grain] cannot be mined manually. [Grain] can be purchased with copper coins at the [Farm]. Other resources can all be mined manually in the corresponding venues. [Contract] In addition to [Liquid Resources], other resources can be obtained by contracting. The contracting method is to enter the resource point and talk to the NPC to obtain it by purchasing. After purchasing, the venue will belong to you permanently, and a certain amount of resources will be provided to your designated inbound box every day at 6:00. If no inbound box is designated, it will be delivered directly to your backpack. The higher the level of the resource point, the higher the output of resources. [Managing Resource Points] We can always adjust the location of resource delivery by talking to the NPC at the resource point, and we can also view the current production capacity of the resource point and the output of the next level. In the game, resources can be obtained by using an ax or pickaxe to manually collect at the resource point, or by purchasing a resource point to obtain a fixed amount daily. The resource point will deliver the goods to the corresponding inbound box or backpack every day at 6 am. [[File:资源管理en.png]] 07f1110d9eb888fd5355e76bc22c9237189a7b5e 0 76 280 279 2024-02-15T04:30:45Z Pcj 1919 2 revisions imported wikitext text/x-wiki Resource Description The output of resources is related to the grade and level of the resources. Resources are divided into three grades: [Common], [High-Quality], and [Pure]. The higher the grade, the more resources are produced daily. The resource level ranges from [Level 0] to [Level 9]. The higher the level, the more resources are produced daily. The level of resources can be upgraded after talking to the respective resource point and the master of the workshop, but there is also an upgrade limit for resource points. The limit can be lifted by unlocking technology through Oracle Temple T3 ，T6 ，T9. Daily resource intake {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !message!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||50||100||200||400||800||1200||2000||3600||5200||8000 |- <!-- 第2行 --> |High-Quality||60||120||240||480||960||1440||2400||4320||6240||9600 |- <!-- 第3行 --> |Pure||75||150||300||600||1200||1800||3000||5400||7800||12000 |} The cost of upgrading resources. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !cost!!0!!1!!2!!3!!4!!5!!6!!7!!8!!9 |- <!-- 第1行 --> |Common||240||360||720||1440||2560||3920||6600||13080||26700||63000 |- <!-- 第2行 --> |High-Quality||360||765||1530||3060||5440||8330||14025||27795||56737||133875 |- <!-- 第3行 --> |Pure||880||1080||2160||4320||7680||11760||19800||39240||80100||189000 |} </div> </div> </div> </div> </div> ===Regional Description=== Our starting point is located in Zhongzhou, which has only five types of resources. Other resources are distributed in other areas of the continent. However, due to the fire from heaven, the bridges connecting the surrounding areas have been destroyed and need to be repaired at the node of Oracle Temple <div class="main-line-wrap"> <div class="resp-tabs"> <ul class="resp-tabs-list clearfix" style="margin:15px 5px"> <li class="active bili-list-style"><span class="tab-panel">centre</span></li> <li class="bili-list-style"><span class="tab-panel">north</span></li> <li class="bili-list-style"><span class="tab-panel">east</span></li> <li class="bili-list-style"><span class="tab-panel">west</span></li> <li class="bili-list-style"><span class="tab-panel">south</span></li> </ul> <div style="overflow:auto;"> <div class="resp-tabs-container"> <div class="resp-tab-content" style="display:block"><!--centre--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||87,91(Common)<br>64,106(Common)<br>94,67(Common)<br>58,79(Common)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||86,84(Common)<br>65,90(Common)<br>124,73(Common)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||101,87(Common)<br>69,75(Common)<br>119,123(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||100,96(Common)<br>75,97(Common)<br>105,115(Common)||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||104,97(Common)<br>100,125(Common)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm||||[[File:farm.png]]||This region does not have this resource. |- <!-- 第7行 --> |Sand Mine||||[[File:sand.png]]||This region does not have this resource. |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--north--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||77,29(Common)<br>49,34(High-Quality)<br>8,11(High-Quality)<br>53,46(Common)<br>124,7(Common||[[File:iron.png]]||5 |- <!-- 第2行 --> |Copper Mine||118,40(Common)<br>138,53(Common)<br>129,13(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||114,18(Common)<br>88,17(High-Quality)<br>71,55(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||108,57(Common)<br>139,28(High-Quality)<br>15,22(High-Quality)<br>123,31(Common)||[[File:coal.png]]||4 |- <!-- 第5行 --> |Stone Mine||147,43(Common)<br>109,6(Common)<br>43,18(High-Quality) ||[[File:stone.png]]||3 |- <!-- 第6行 --> |Farm||106,49(Common)<br>47,24(Common)||[[File:farm.png]]||2 |- <!-- 第7行 --> |Sand Mine||||[[File:sand.png]]||This region does not have this resource. |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--east--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||182,49(High-Quality)<br>187,85(High-Quality)<br>131,130(Common)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||141,99(Common)<br>186,111(High-Quality)<br>152,112(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||149,82(High-Quality)<br>170,98(High-Quality)<br>155,129(Common)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||167,108(Common)<br>171,133(High-Quality)<br>129,137(High-Quality) ||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||147,67(Common)<br>171,57(High-Quality)<br>170,84(High-Quality)||[[File:stone.png]]||3 |- <!-- 第6行 --> |Farm||145,127(Common)||[[File:farm.png]]||1 |- <!-- 第7行 --> |Sand Mine||136,108(Common)<br>177,50(High-Quality)<br>182,57(Common)<br>141,72(High-Quality)||[[File:sand.png]]||4 |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--west--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||6,61(Pure)<br>9,104(Pure)<br>44,137(High-Quality)<br>41,177(High-Quality)||[[File:iron.png]]||4 |- <!-- 第2行 --> |Copper Mine|| 32,60(High-Quality)<br>58,161(Pure)<br>5,181(High-Quality)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||41,69(High-Quality)<br>9,43(Pure)<br>27,159(High-Quality)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine||20,91(High-Quality)<br>7,75(Pure)<br>6,136(High-Quality)<br>28,137(Pure)||[[File:coal.png]]||4 |- <!-- 第5行 --> |Stone Mine|| 46,78(High-Quality)<br>40,152(Pure)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm||23,146(High-Quality)||[[File:farm.png]]||1 |- <!-- 第7行 --> |Sand Mine|| 20,118(High-Quality)<br>21,167(Common)<br>9,139(Pure)<br>38,61(Pure)||[[File:sand.png]]||4 |- <!-- 第8行 --> |crude oil||||[[File:oil.png]]||This region does not have this resource. |} </div> <div class="resp-tab-content" style="display:none"><!--south--> {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !kind!!coord!!icon!!number |- <!-- 第1行 --> |Iron Mine||128,158(High-Quality)<br>164,174(Pure)<br>163,148(Pure)||[[File:iron.png]]||3 |- <!-- 第2行 --> |Copper Mine||81,152(High-Quality)<br>87,191(Pure)<br>158,186(Pure)||[[File:copper.png]]||3 |- <!-- 第3行 --> |forest farm||98,160(Pure)<br>54,190(Pure)<br>146,181(Pure)||[[File:wood.png]]||3 |- <!-- 第4行 --> |Coal Mine|| 90,172(Pure)<br>180,167(Pure)<br>116,164(Pure)||[[File:coal.png]]||3 |- <!-- 第5行 --> |Stone Mine||65,158(Pure)<br>117,173(High-Quality)||[[File:stone.png]]||2 |- <!-- 第6行 --> |Farm|| 99,150(High-Quality)<br>82,181(Pure)||[[File:farm.png]]||2 |- <!-- 第7行 --> |Sand Mine|| 117,186(Pure)<br>178,183(High-Quality)<br>138,170(Pure)<br>81,168(High-Quality)<br>158,168(Pure)<br>131,183(Pure)<br>154,147(High-Quality||[[File:sand.png]]||7 |- <!-- 第8行 --> |crude oil||103,182(3井)<br>121,193(9井)<br>134,190(9井)<br>189,166(6井)<br>185,152(6井) ||[[File:oil.png]]||5 |} </div> </div> </div> </div> </div> 59779ea4cfd166285ac810897f34824e636bb8ca 0 77 284 283 2024-02-15T04:30:45Z Pcj 1919 3 revisions imported wikitext text/x-wiki [[file:江城地图en.png]] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !Position!!NPC!!Feature |- <!-- 第1行 --> |rowspan=3 colspan=1|River Town Guild<br>(8:30-17:00) |Lin Shanshi||Purchase goods，upgrade the house |- <!-- 第2行 --> ||Xu Fuchun||Purchase goods,reset talents,Apply for divorce |- <!-- 第3行 --> ||bounty board||Take the reward quest to earn money, refresh the quest every Monday, |- <!-- 第4行 --> |Blacksmith<br>(9:00-17:00)||Lu Wei||Purchase goods，upgrade pickaxe |- <!-- 第5行 --> |Variety store||Cao Yunhui||Purchase goods |- <!-- 第6行 --> |Divination booth||Sun Daoyi||Purchase goods，today fortune，Know one`s favorite |- <!-- 第7行 --> |rowspan=2 colspan=1|Tailor Shop<br>(11:00-19:00) |Tan||Purchase goods，upgrade backpack，reside |- <!-- 第8行 --> ||Yeli Wangzhu||reside |- <!-- 第9行 --> |rowspan=3 colspan=1|Moonriver Inn<br>（12:00-1:00） |Liu Sanniang||Purchase goods，Learn to cook |- <!-- 第10行 --> ||Liu Yiyi||reside |- <!-- 第11行 --> ||Yi Yuan||reside |- <!-- 第12行 --> |rowspan=2 colspan=1|JiAn Clinic<br>（9:00-16:00） |Lu Ying||Purchase goods |- <!-- 第13行 --> ||Lu Chanyi||reside |- <!-- 第14行 --> |Divine Works Museum<br>（9:00-20:00）||Zheng De||Collected |- <!-- 第15行 --> |Occult Go Club<br>（10:00-22:00）||Xu Changting||reside |- <!-- 第16行 --> |Snowshine Academy<br>（10:00-20：00）||Li Yan||reside |- <!-- 第17行 --> |||Hong Xian||reside |- <!-- 第18行 --> |Xu`s Main hall<br>（8:00-22:00）||Xu Fuchun||reside |- <!-- 第19行 --> |Lin Shanshi||Lin Shanshi||reside |- <!-- 第20行 --> |Xu Changting`s room<br>（10：00-22:00）||Xu Changting||reside |- <!-- 第21行 --> |Xu Changkong`s room<br>（11:00-1:00）||Xu Changkong||reside |- <!-- 第22行 --> |Changshan's House<br>(9:00-22:00)||Helian Changshan||reside |- <!-- 第23行 --> |||Atuo||reside |- <!-- 第24行 --> |East wing(11:00-1:00)||Xu Changkong||reside |- <!-- 第25行 --> |Lu's House<br>(8:00-22:00)||Lu Wei||reside |- <!-- 第26行 --> |||Cao Yunhui||reside |- <!-- 第27行 --> |||Lu Binghua||reside |- <!-- 第28行 --> |Sun Daoyi's House<br>(20:00-23：00)||Sun Daoyi||reside |- <!-- 第29行 --> |River Town Dock|| |rowspan=4 colspan=1|[[首页|Gather]] |- <!-- 第30行 --> |River Town Suburbs|| |- <!-- 第31行 --> |River Town Hilltop|| |- <!-- 第32行 --> |Suburban Hilltop|| |} </div> </div> </div> </div> </div> 59b32ed97d439933d6c3379f4d433f3a321aafc1 0 78 286 285 2024-02-15T04:30:45Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!Martial Arts!!type!!Skill description!!Effect description |- <!-- 第1行 --> |Basic Attack||[[file:skill_0.png]]||nothing||Main||Basic swordplay skill||have no special effects |- <!-- 第2行 --> |Tracking Sword||[[file:skill_1.png]]||Bamboo Breaking Swordplay||Special||Release 2 tracking swords from behind.||Damage per sword: \n[External × 2 + Attack × 2.5 + 10] |- <!-- 第3行 --> |Fish Wave||[[file:skill_2.png]]||Flowing Fish Blade||Special||Thrusts a wave forward that can pierce through enemies.||Damage: \n[Internal × 4 + Footwork × 5.5 + 8] |- <!-- 第4行 --> |Energy Drain||[[file:skill_3.png]] |rowspan=3 colspan=1|Solitary Village Swordplay |Main||After hitting an enemy with basic attack, you can restore MP.||Restored MP: \n[Internal ÷ 5 + 1] |- <!-- 第5行 --> |Shadow Sword lv1||[[file:skill_4.png]]||Special||Release 4 tracking swords from behind.||Damage per sword: \n[External × 1.6 + Attack × 1.5 + 15] |- <!-- 第6行 --> |Shadow Sword lv2||[[file:skill_4.png]]||Special||Release 6 tracking swords from behind.||Damage per sword: \n[External × 1.8 + Attack × 1.8 + 22] |- <!-- 第7行 --> |Risk Your Life||[[file:skill_5.png]] |rowspan=3 colspan=1|Defy Death Swordplay |Passive||Increases the probability of critical hits when attacking.||Increased Critical Hit Rate: \n[Luck x 0.6% + 3%], up to a maximum of 15% |- <!-- 第8行 --> |Bloody Slash lv1 |rowspan=2 colspan=1|[[file:skill_6.png]] |Special||Launch two small-range heavy slashes forward.||Damage per Slash: \n[External x 8 + Attack x 2.5 + 30] |- <!-- 第9行 --> |Bloody Slash lv2||Special||Launch two large-range heavy slashes forward.||Damage per Slash: \n[External x 8.5 + Attack x 3.5 + 45] |- <!-- 第10行 --> |Freeze||[[file:skill_7.png]] |rowspan=3 colspan=1|Residual Winter Swordplay |Passive||Gain invincibility Buff||Under invincibility buff, the character will not be knocked back and will not be displaced if hit by an enemy. |- <!-- 第11行 --> |Summon Giant Sword lv1 |rowspan=2 colspan=1|[[file:skill_8.png]] |Special||Summon a flying sword that can inflict multiple hits.||Damage per Hit: [Internal × 6 + Attack × 3 + 25] |- <!-- 第12行 --> |Summon Giant Sword lv2||Special||Summon a giant sword that can inflict multiple hits.||Damage per Hit: [Internal × 8.5 + Attack × 4.8 + 30] |- <!-- 第13行 --> |Sword in Music||[[file:skill_9.png]] |rowspan=3 colspan=1|Chord Swordplay |Main||Have a 10% chance to shoot out a sword that can pierce through enemies when attacking.||Damage:\n[External × 0.9 + Attack × 0.8 + 5] |- <!-- 第14行 --> |Nine Revolving String lv1 |rowspan=2 colspan=1|[[file:skill_10.png]] |Special||Summon 4 penetrating flying swords around the body for 3 seconds and then launch||Damage per sword:\n[External × 1.5 + Attack × 2.0 + 12] |- <!-- 第15行 --> |Nine Revolving String lv2||Special||Summon 6 penetrating flying swords around the body for 5 seconds and then launch||Damage per sword:\n[External × 1.6 + Attack × 2.4 + 18] |- <!-- 第16行 --> |Blood Rush||[[file:skill_11.png]] |rowspan=3 colspan=1|Star Stealing SwordDance |Main||After a basic attack hits an enemy, it can convert damage to its own HP||Conversion Ratio:\n[Tough × 0.6% + 5%] Up to 25% |- <!-- 第17行 --> |Sword Rain lv1 |rowspan=2 colspan=1|[[file:skill_12.png]] |Special||Generate a sword rain that lasts for 5 seconds and will drop at the selected location. ||Generate a sword rain that lasts for 5 seconds and will drop at the selected location. |- <!-- 第18行 --> |Sword Rain lv2||Special||Generate a large sword rain that lasts for 8 seconds and will drop at the selected location. ||Damage per sword: \n[Internal × 7.2 + Lightness × 6.4 + 37] |- <!-- 第19行 --> |Immaculate||[[file:skill_13.png]] |rowspan=3 colspan=1|Secular Palms |Passive||It has a certain immunity effect on all situations that cause damage||Ratio:\n[Lightness × 0.2% + Footwork × 0.1% + 4%] Up to 60% immunity |- <!-- 第20行 --> |Buddha's Descent lv1 |rowspan=2 colspan=1|[[file:skill_14.png]] |Special||Summon a meteorite to hit the ground and cause an explosion||Damage:\n[External × 12 + Attack × 10 + 120] |- <!-- 第21行 --> |Buddha's Descent lv2||Special||Summon a large meteorite to hit the ground and cause a big explosion||Damage:\n[External × 15 + Attack × 15 + 180] |- <!-- 第22行 --> |Rabbit's Escape||[[file:skill_15.png]] |rowspan=3 colspan=1|Fleet Rabbit Swordplay |Main||12% chance to add [Swift] Buff when attacking||Swift Effect: \nIncreases Attack Rate by 50% |- <!-- 第23行 --> |Rabbit's Fury lv1 |rowspan=2 colspan=1|[[file:skill_16.png]] |Special||Send forward 3 waves that can penetrate the enemy||Damage:\n[Internal × 6 + Footwork × 6 + 65] |- <!-- 第24行 --> |Rabbit's Fury lv2||Special||Send forward 5 waves that can penetrate the enemy||Damage:\n[Internal × 8 + Footwork × 7 + 88] |- <!-- 第25行 --> |Twin Blaze Swords||[[file:skill_17.png]] |rowspan=4 colspan=1|Blaze War Swordplay |Main||When attacking, there is a 10% chance to summon two swords with tracking effects||Damage per sword:\n[External × 0.6 + Attack × 0.7 + 3] |- <!-- 第26行 --> |Sword's Soul lv1 |rowspan=3 colspan=1|[[file:skill_18.png]] |Special||Shooting out a sword soul. The soul can summon 6 tracking sword per second, and the soul lasts for 3 seconds.||Damage per sword: \n[External × 1.5 + Attack × 0.8 + 10] |- <!-- 第27行 --> |Sword's Soul lv2||Special||Shooting out a sword soul. The soul can summon 8 tracking sword per second, and the soul lasts for 5 seconds.||Damage per sword: \n[External × 1.8 + Attack × 1.1 + 12] |- <!-- 第28行 --> |Sword's Soul lv3||Special||Shooting out a sword soul. The soul can summon 10 tracking sword per second, and the soul lasts for 8 seconds.||Damage per sword: \n[External × 2.1 + Attack × 1.3 + 15] |- <!-- 第29行 --> |Brave Faith||[[file:skill_20.png]] |rowspan=4 colspan=1|Eternal Palms |Main||15% chance to add [Brave] Buff during attack||Brave effect per layer: \nAttack + 5, Defense + 5\nMaximum 99 layers of Brave |- <!-- 第30行 --> |Empty Skandhas lv1 |rowspan=3 colspan=1|[[file:skill_19.png]] |Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 2 seconds.||Base explosion damage: \n[Internal × 6 + Attack × 3.8 + 30]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第31行 --> |Empty Skandhas lv2||Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 3 seconds.||Base explosion damage: \n[Internal × 7 + Attack × 4.5 + 40]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第32行 --> |Empty Skandhas lv3||Special||Hold down the right mouse button to gather energy. The longer the gathering time, the greater the damage and range, causing multiple instances of damage. Can gather for a maximum of 5 seconds.||Base explosion damage: \n[Internal × 8.2 + Attack × 5.6 + 50]\nDamage multiplier = 60% + Gather time × 80% |- <!-- 第33行 --> |Sword's Friend||[[file:skill_21.png]] |rowspan=4 colspan=1|Han Shan Swordplay |Main||10% chance to summon 4 swords to surround yourself for 1 second during attack||Sword Damage: \n[External × 0.7 + Attack × 0.7 + 6] |- <!-- 第34行 --> |Sudden Snow lv1 |rowspan=3 colspan=1|[[file:skill_22.png]] |Special||A sudden snow of sword, lasting 5 seconds, penetrate forward||Damage per sword: \n[External × 1.2 + Attack × 0.8 + 5] |- <!-- 第35行 --> |Sudden Snow lv2||Special||A sudden snow of sword, lasting 7 seconds, penetrate forward||Damage per sword: \n[External × 1.3 + Attack × 0.9 + 7] |- <!-- 第36行 --> |Sudden Snow lv3||Special||A sudden snow of sword, lasting 10 seconds, penetrate forward||Damage per sword: \n[External × 1.4 + Attack × 1.0 + 11] |- <!-- 第37行 --> |Hellfire||[[file:skill_23.png]] |rowspan=5 colspan=1|Nine Inferno Swordplay |Passive||Directly increases the damage caused by basic attack critical hits||Critical hit damage multiplier: \n[Luck × 8% + 150%] up to a maximum of 400% |- <!-- 第38行 --> |Sword of Hell lv1 |rowspan=4 colspan=1|[[file:skill_24.png]] |Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 4 tracking swords for 5 seconds||Damage per tracking sword: \n[External × 1.5 + Attack × 1.5 + 15] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第39行 --> |Sword of Hell lv2||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 4 tracking swords for 6 seconds||Damage per tracking sword: \n [External × 1.6 + Attack × 1.8 + 20] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第40行 --> |Sword of Hell lv3||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 5 tracking swords for 8 seconds||Damage per tracking sword: \n [External × 1.8 + Attack × 2.1 + 25] \nThe spreading wave damage is 2.5 times the tracking sword damage |- <!-- 第41行 --> |Sword of Hell lv4||Special||Summon a heavenly sword to descend from the sky, which can emit spreading waves and 6 tracking swords for 10 seconds||Damage per tracking sword: \n [External × 2.1 + Attack × 2.4 + 30] \nThe spreading wave damage is 2.5 times the tracking sword damage |} </div> </div> </div> </div> </div> 6be4524e2a3ab3af3364ce29f65bf77dea39d7a5 0 79 288 287 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!message!!icon |- <!-- 第1行 --> |Warrior Sect Token||The proof of the identity of the Warrior Sect.||[[file:item_20001.png]] |- <!-- 第2行 --> |Secret Key Fragment||The Oracle Envoy left behind a secret key that can transform the Oracle Temple into an attack form. This is one of the fragments of the key.||[[file:item_20002.png]] |- <!-- 第3行 --> |Oracle Secret Key||The secret key left by Oracle Envoy that can activate the Oracle Mecha.||[[file:item_20003.png]] |- <!-- 第4行 --> |River Town Map||A simple map drawn by Tan when she first arrived in River Town, very helpful for who want to familiar with River Town.||[[file:jcmap.png]] |- <!-- 第5行 --> |Tan's Handkerchief||A handkerchief embroidered by Tan herself, with a small red dot in the flower stamens due to her accidentally pricking her finger.||[[file:item_20010.png]] |- <!-- 第6行 --> |Epiphyllum Dew·Leaves||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20015.png]] |- <!-- 第7行 --> |Epiphyllum Dew·Flowers||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20020.png]] |- <!-- 第8行 --> |Epiphyllum Dew·Roots||Used to cultivate the Epiphyllum, a kind of regenerative elixir for remodeling the body.||[[file:item_20025.png]] |} </div> </div> </div> </div> </div> ed6e587672ee29b35af8ca06edc23b2a98ad2dad 0 80 290 289 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki =Sun Daoyi[[File:孙道一.png]]= Sun Daoyi is a fortune teller from out of town who has been living in River town for several years. ===Journey=== Sun Daoyi only sets up his divination booth on sunny days. 【Rainy or Snowy Days:】 Stands at his doorstep at 9:20 AM. Returns home at 6:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. 【Spring & Winter:】 Heads to the divination booth at 8:20 AM. Visits Moonriver Inn at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. 【Summer:】 【Wednesday & Saturday:】 Heads to the divination booth at 8:20 AM. Stands outside Xu's Main Hall at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. The rest of the days are the same as Spring. 【Autumn:】 【Wednesday & Saturday:】 Heads to the divination booth at 8:20 AM. Stands outside the Yingxue Bookstore at 12:00 PM. Returns to the Divination booth at 4:00 PM. Checks the candlestick at 7:00 PM. Goes to sleep at 11:00 PM. The rest of the days are the same as Spring. 618ab5ac11a88b43890931d4ad763541e3eed161 0 81 292 291 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki =Sun Daoyi's Hs.= Attribute: Residential This is Sun Daoyi's residence, which is usually locked and located in the southeast corner of River town. [[File:孙道一家.png|300px]] 9c320fe0d95dce48fa8f4b1f34bc4ec9306ade66 0 82 296 295 2024-02-15T04:30:46Z Pcj 1919 3 revisions imported wikitext text/x-wiki =SwordWay Sect[[File:zongjianPavilion.png]]= Located to the west of the Workshop, coordinates (83, 87) Related NPCs: Yu Guanshan, Cao Yunxiu, Li Wangxing, Disciples of SwordWay Sect ===SwordWay Sect Bounty Board (under construction)=== Obtained by completing the series of tasks unknown/100, somewhat famous/240, well-known/420, famous/680, renowned throughout the ages/4680 0faf078bc5ff3573eafbfdf167a0d23422a2021e 0 83 299 298 2024-02-15T04:30:46Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> =Tailor Shop= A new shop has opened in Jiangcheng, dealing in fabrics and clothing. It is located in the southeast of Jiangcheng. The clothing workshop has two floors, the first floor is the business area of the shop, and the second floor is the rest area. [Attributes: ] Shop, Function, Residence [Business hours:] Monday to Saturday (11:00-19:00) [Plot: ] When more than 50 soaps [soap] produced by the workshop are shipped, enter the clothing workshop to trigger it. [Related NPCs: ] Tan, Ye Li Wangzhu [[File:旺珠衣坊.png|300px]] '''[[Tan]]''' Upgrade Backpack: At Tan's, you can spend materials and money to upgrade your backpack. Each upgrade increases the backpack by 8 grids. Depending on the level of the backpack, the required materials and quantities for each upgrade will increase. ===Backpack=== The backpack can currently be upgraded 13 times, the clothing workshop can be upgraded 9 times, the Oracle Temple technology can be unlocked to repair it once, the cave treasure hunt can be upgraded twice, and the first place in the Mid-Autumn Festival once. 805cf6be4035d43f3628e0bd7425605aa343c570 0 84 301 300 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !variety!!property!!experience!!Unlock level!!name!!icon!!promote |- <!-- 第1行 --> |rowspan=4 colspan=1|Craftsman |rowspan=4 colspan=1|Leveling up can reduce manual crafting interval by 0.17s |rowspan=4 colspan=1|*Manual crafting items gain experience, and more hits yield more experience. |5||Smith||[[File:talent_1.png]]||Reduces the hammer times required when manually crafting items by 1 |- <!-- 第2行 --> ||5||Entrepreneur||[[File:talent_2.png]]||Increases the selling price of shipped items by 15% |- <!-- 第3行 --> ||10||Artisan||[[File:talent_3.png]]||Increases the manual crafting output by 50% (at least 1 more item) |- <!-- 第4行 --> ||10||Divine Works||[[File:talent_4.png]]||Reduces the time required for all automated mechanical producing by 20% |- <!-- 第5行 --> |rowspan=4 colspan=1|Socialite |rowspan=4 colspan=1|Leveling up increases the Gift bonus by 1 point. |rowspan=4 colspan=1|*Chatting gains experience by 1 point, gift giving gains experience by 2 points. |5||Charmer||[[File:talent_5.png]]||Gains extra 3 favor points when chatting with opposite-gender NPCs, and extra 8 points when giving gifts |- <!-- 第6行 --> ||5||Silver Tongue||[[File:talent_6.png]]||Gains extra 2 favor points when chatting with all NPCs |- <!-- 第7行 --> ||10||Romanticist||[[File:talent_7.png]]||Doubles the effects of spouse's Buff |- <!-- 第8行 --> ||10||Popular||[[File:talent_8.png]]||Gains extra 4 favor points when giving gifts to all NPCs, and 20% discount in shops |- <!-- 第9行 --> |rowspan=4 colspan=1|martial arts |rowspan=4 colspan=1|Leveling up increases HP by 15 and MP by 15. |rowspan=4 colspan=1|*Killing enemies gains experience. |5||Genius||[[File:talent_9.png]]||Reduces the maximum required experience for martial arts studying by 10% |- <!-- 第10行 --> ||5||Athletic||[[File:talent_10.png]]||Increases external, internal, lightness, and tough skills by 8 points |- <!-- 第11行 --> ||10||Swordsman||[[File:talent_11.png]]||Effective basic attacks have a 50% chance to reduce skill cooldown by 1 second |- <!-- 第12行 --> ||10||Sword Saint||[[File:talent_12.png]]||Increases critical hit chance by 50% |- <!-- 第13行 --> |rowspan=4 colspan=1|Labourer |rowspan=4 colspan=1|Leveling up increases Stamina by 30. |rowspan=4 colspan=1|*Felling, Mining gains 1 point of experience. *Gathering gains 3 points of experience. |5||Fitness Enthusiast||[[File:talent_13.png]]||Increases stamina by 200 and stamina recovery by 1 |- <!-- 第14行 --> ||5||Explorer||[[File:talent_14.png]]||Reduces the time for gathering to 20 minutes and gains 1 extra resource from gathering |- <!-- 第15行 --> ||10||Resource Expert||[[File:talent_15.png]]||Increases the yield of all resources sites by 10% |- <!-- 第16行 --> ||10||Speedster||[[File:talent_16.png]]||Increases basic movement speed by 0.5 |} </div> </div> </div> </div> </div> 257c5b99e8afe98e1a6a925859c3825a3dd7190e 0 85 303 302 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki =Tan[[File:阿昙.png]]= ===Journey=== Spring/Autumn Except for Sundays, Tan wakes up at 10:00 every day and goes to the front desk of the Tailor Shop to work. He returns to his room to sleep at 23:00. 【Monday】【Wednesday】 19:00 - Goes to the small terrace on the second floor to enjoy the breeze. 【Thursday】【Saturday】 19:00 - Goes to the Moonriver Inn to have dinner. 【Tuesday】【Friday】 19:00 - Goes to the small restaurant at the Moonriver Inn to chat with Liu Yiyi. 【Sunday】 【Rainy/Snowy day:】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Sunny day】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to the River Town Suburbs to enjoy the scenery. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Winter/Summer】 【Monday】 19:00 - Goes to the second floor to receive Lin Shanshi. 21:00 - Sees off the guest. 21:30 - Stands on the terrace to enjoy the breeze. 0:00 - Returns to her room to sleep. 【Tuesday】【Wednesday】 19:00 - Goes to stand on the terrace on the second floor. 【Sunday】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. bd1d9e92a3e6cda091a425dd0d1009fe9ae341ec 0 86 305 304 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki =Temporary Backpack= Our backpack has a limit on the number of items it can store. When our backpack is full and we obtain more items, they will be temporarily stored in a temporary backpack. This often happens when we receive items through letters, complete quests, or demolish buildings to retrieve building materials. When we see this icon in the lower left corner, it means there are items in the temporary backpack that need to be cleared. [[file:临时背包en.png]] =Storage Rules= The temporary backpack has been expanded to 800 grids, but there is a time limit for storing items in the temporary backpack. Regardless of how the day ends, items stored in the temporary backpack will be lost, such as returning to the workshop room to rest and end the day's journey, or being forced to rest after 2:00 am due to exhaustion. 903532c8b3003ca30999efd51fefb05b8fbe44b7 0 87 308 307 2024-02-15T04:30:46Z Pcj 1919 2 revisions imported wikitext text/x-wiki <big> =Time= In the game, each day starts at 6:00 am and ends at 2:00 am. Players can end the day early by sleeping at their workshop or home. If a player does not go to sleep before 2:00 am, they will get exhausted and be teleported back home, with a chance of losing their belongings. The time and date are displayed in the upper right corner of the game screen. [[file:时间en.png]] Currently, in the game settings, the daily duration can be set, ranging from 13 minutes to 30 minutes per day corresponding to real time. While on the big map, the speed of time passage and stamina consumption are doubled. =Calendar= The calendar can be viewed in the menu, and the dates with NPC avatars are the birthdays of those characters. There are also event reminders for holidays. [[file:日历en.png]] f6ab0e0e62b76f753befa09bfcc8e15a923a0e78 0 88 310 309 2024-02-15T04:30:46Z Pcj 1919 1 revision imported wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!icon!!coord |- <!-- 第1行 --> |Cyclamen Station |rowspan=4 colspan=1|[[file:postStation.png]] |41，33 |- <!-- 第2行 --> |Rivulet Station||139，83 |- <!-- 第3行 --> |Icelake Station||24，71 |- <!-- 第4行 --> |Canyon Station||137，161 |} </div> </div> </div> </div> </div> bd4e31803729de9f1eabed1a8d711de8fb011a18 0 89 313 312 2024-02-15T04:30:47Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Vacant Land= After repairing all nodes of Oracle Temple T4, it can be unlocked. You can observe the "vacant land" on the big map, and you can purchase the land to expand the workshop. Some vacant land contains water resources, which can be used for power generation, collection etc. compared to others. [New function of setting the name and style of the vacant land in 0.7.8.0704.1] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!iocn!!coord!!number |- <!-- 第1行 --> |centre |rowspan=5 colspan=1|[[File:space.png]] |69,90<br>113,109<br>71,128（Contained water resources）||3 |- <!-- 第2行 --> |north||86,54（Contained water resources）<br>109,33||2 |- <!-- 第3行 --> |east||137,88（Contained water resources）<br>148,110（Contained water resources）||2 |- <!-- 第4行 --> |west||44,124（Contained water resources）<br>25,152||2 |- <!-- 第5行 --> |south||87,155（Contained water resources）<br>108,176（Contained water resources）||2 |} </div> </div> </div> </div> </div> 2a96517b7c9d8fd1c096a6dc0aa67c301e4ffc34 0 90 315 314 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki <big> =Whitehead Vill[[File:village2.png]]= Located in the west, coordinates (28,105). To reach here, you need to repair the damaged West Bridge first. West Bridge: Connecting Zhongzhou and the western continent, coordinates (55,105). It was damaged by the fire from heaven and cannot be used. After the fourth node of Oracle Temple T4 is repaired, it can be passed through. 85170d67b128b0330ed391de55e80868bf5c9718 0 91 317 316 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki <big> =Xiao's Villa[[File:xiaoHouse.png]]= Located north of River Town, coordinates (95, 75) Related NPCs: Xiao Yu, Han Shan There is a target on the right where you can practice internal force. 457339c8d784114918ad7d37ed388884afaad2ba 0 92 319 318 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Xiao Yu[[File:萧钰.png]]= ===Journey=== 【Monday】【Thursday】 6:00 - Xiao Yu is already enjoying the scenery in the Suburban Hilltop Pavilion. 11:00 - Heads to the River Town Suburbs Dock. 15:00 - Dines in a private room at the Moonriver Inn. 20:00 - Returns home. 【Tuesday】【Saturday】【Sunday】 8:00 - Wakes up and practices martial arts. Spring/Autumn 13:00 - Goes to the Wind Pavilion in the mansion to have tea. Summer 13:00 - Goes to the bamboo forest in the mansion to have tea. Winter 13:00 - Goes to the tea house in the main hall of the mansion to have tea. 17:00 - Returns to his room to read. 21:00 - Goes to sleep. 【Wednesday】【Friday】 8:00 - Wakes up and practices archery in the courtyard. Spring/Autumn 13:00 - Heads to the Divine Works Museum and contemplates outside. Summer/Winter Sunny day: 13:00 - Goes to the fortune-telling stand. Rainy/Snowy day: 13:00 - Heads to the Divine Works Museum and contemplates outside. 17:00 - Visits the Occult Go Club to play Go with Xu Changting. 21:00 - Returns home. 6fab0b9bfe0506e2df921f1c403c50ba6a3fd671 0 93 322 321 2024-02-15T04:30:47Z Pcj 1919 2 revisions imported wikitext text/x-wiki =Xu's House= Attribute: Residential Located in the western part of River Town, it is the home of the president of River Town Guild. Xu Fuchun and Lin Shanshi live and live in the main room, Xu Changting lives in the northern wing room, and Xu Changkong lives in the eastern wing room. The western room is now used to store miscellaneous items and tools. Related NPCs: Xu Fuchun, Lin Shanshi, Xu Changting, Xu Changkong [[file:徐府.png|300px]] 8a030aaf3d47c3807a7d8f2f67c8c09e1b2df523 0 94 324 323 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Xu Changkong[[File:face_xck_0.png]]= Xu Changkong is a nocturnal creature in River Town, so it's best to look for him in the middle of the night. [Every day at 1:00am] He comes upstairs from the basement to sleep. [Rainy or Snowy Days] Unless he has plans to go out with friends, he stays indoors all day. 【Spring and Autumn:】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 8:00pm - Returns home to tinker in the basement. 【Tuesday, Saturday】 11:00am - After waking up, his schedule is the same as Li Wangxing's. 【Wednesday, Friday】 11:00am - Wakes up and reads books from the bookshelf. 3:00pm - Goes to the entrance of the family warehouse. 8:00pm - Returns to his room to tinker in the basement. 【Sunday】 11:00am - Wakes up and visits He Lianchangshan's stall. 3:00pm - Goes to River Town Suburbs to collect lumber. 7:00pm - Returns to his room to tinker in the basement. 【Summer and Winter】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 7:00pm - Returns home and goes to the warehouse entrance. 11:00pm - Returns to his room to tinker in the basement. 【Wednesday, Friday】 Stays in his room all day and goes to the basement to tinker at 8:00pm. The rest of the schedule is the same as Spring and Autumn. 22c3414e0b5af71034b50bf4e7360d4bfce47fa0 0 95 326 325 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Xu Changting[[File:face_xct_0.png]]= ===Journey=== 【Spring and Autumn】 【Monday, Tuesday】 9:00am, Xu Changting will play chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the tree in front of his room. 4:55pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Wednesday, Friday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 1:00pm, studies chess positions on a small chessboard on the second floor of the Occult Go Club. 5:00pm, goes to the Occult Go Club to play chess with Xiao Yu. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Thursday】 Before 4:00pm, Xu Changting is playing chess with the Emperor in the palace and will not be in River Town. After 4:00pm, Xu Changting returns to the second floor of the Occult Go Club to play chess. 9:35pm, sleeps on the second floor of the Occult Go Club. Saturday 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【summer】 【Monday, Tuesday (on sunny days)】 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands in the bamboo grove at the Occult Go Club. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. (On rainy/snowy days) 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the eaves of the Occult Go Club to admire the rain/snow. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Saturday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. The rest is similar to Spring and Autumn. 344c341e296024fa3ae94c29922373341819fd3b 0 96 328 327 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Xu Fuchun[[File:徐富春.png]]= ===Journey=== Xu Fuchun is a responsible guild leader. Except for the first week of the game where he spends the entire day at the guild, he wakes up at 7:10 every day to go to work and doesn't take any days off. At 5:00 PM, after closing the shop, Xu Fuchun has various options. 【Monday】 At 6:00 PM, he heads to the Occult Go Club to play Go with his eldest son, Xu Changting. 【Tuesday】 Spring and Autumn: At 6:00 PM, he goes to the Occult Go Club to play Go with his eldest son, Xu Changting. Summer: At 6:00 PM, he visits He Lianchangshan's home. Winter: At 6:00 PM, he returns home to admire his curio cabinet or read a book. 【Wednesday】【Thursday】【Sunday】 At 6:00 PM, he chooses to have dinner with his wife at the Moonriver Inn, enjoying their rare moments alone together. 【Friday】 At 6:00 PM, he plays Go with Chai Feifei at the Occult Go Club. 【Saturday】 At 6:00 PM, his old friend Yu Guanshan comes to visit for tea, so he needs to hurry home to prepare in his bedroom. At 8:30 PM, when Yu Guanshan is leaving, Xu Fuchun reluctantly escorts him to the door. 784253606d09e15ed5af4ac558861bfa3306e9fb 0 97 330 329 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Ye Liwangzhu[[File:野利旺珠.png]]= ===Journey=== Apart from eating out at a restaurant at 6pm every Thursday, Friday, and Saturday and returning home at 10:50pm, Ye Liwangzhu spends the rest of her time sitting in front of a loom on the first floor of the Tailor Shop making clothes. 4b624cf0b3269bbb4943a1fd69b54414f9a3d9d1 0 98 332 331 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Yi Yuan[[File:一元.png]]= ===Journey=== 【Rainy days】 Yi Yuan stays at the Moonriver Inn for the entire day. 【Monday】【Tuesday】【Wednesday】 11:00 - Attends classes at the Yingxue Bookstore. 16:00 - Leaves the bookstore after school and goes to the River town square in front of the Moonriver Inn to pray that Lu Binghua doesn't catch any bugs. 18:00 - Goes to his room at the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Thursday】 Except for autumn: 9:00 - Leaves the Moonriver Inn and waits near the city gate entrance for Lu Binghua. 9:58 - Leaves River town with Lu Binghua. 12:00 - Arrives at the SwordWay Sect and heads to the training ground. 18:00 - Returns to the Moonriver Inn from the SwordWay Sect. 【Autumn:】 10:30 - Leaves the Moonriver Inn and waits on the roadside for Lu Binghua. 11:09 - Leaves with Lu Binghua for Occult Go Club and plays outside. 16:00 - Returns to the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Friday】【Sunday】 6:00 - Stands in front of the Moonriver Inn. (Spring and autumn) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Spring and autumn) 16:05 - Goes to his room to meditate. (Spring and autumn) 20:50 - Goes to bed. (Spring and autumn) (Summer and winter) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Summer and winter) 16:05 - Helps out at the counter. (Summer and winter) 20:50 - Goes to bed. (Summer and winter)【Saturday】6:00 - Stands in front of the Moonriver Inn.12:00 - Goes to Lu's House and waits in front of the Xu's gate for Lu Binghua.12:53 - Leaves with Lu Binghua for fun at the River Town Suburbs cave entrance.19:00 - Returns to the Moonriver Inn. 3b319054d1cc063bf1e34afb8c1b3cab825d8ff4 0 99 334 333 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Yu Guanshan[[File:俞关山.png]]= ===Journey=== Yu Guanshan teaches martial arts every day from 6:00 AM to 12:00 PM at the SwordWay Sect training ground. 【Spring & Autumn】 【Monday】【Thursday】【Friday】 At 12:00 PM, stands in the SwordWay Sect hall pharmacy. At 4:00 PM, meditates on the second floor. 【Tuesday】【Sunday】 At 12:00 PM, practices swordplay at Heart Cliff. If it's rainy or snowy, stands in the main hall instead. At 4:00 PM, eats at Moonriver Inn. At 8:00 PM, returns home to sleep. 【Wednesday】At 12:00 PM, stands in the main hall for a while. At 3:00 PM, visits JiAn Clinic for a check-up. At 7:00 PM, returns to 0aaa98d7e31579c8ed444b7e4f6c9e3ffc937764 0 100 336 335 2024-02-15T04:30:47Z Pcj 1919 1 revision imported wikitext text/x-wiki =Zheng De[[File:郑德.png]] = Responsible for managing the Divine Works Museum, Zheng De is a kind and amiable person. ===Journey=== Zheng De stands at the front desk of Divine Works Museum during opening hours every day. Except on Sundays, after closing at 8:00 PM, he goes to stand near the Yingxue Bookstore and returns to Divine Works Museum at midnight. On Sundays, after closing, Zheng De leaves River town and his whereabouts become unknown. a35e501904cd0c03e8ca8a32f206cf3a7afd7129 10 101 339 338 2024-02-15T04:30:47Z Pcj 1919 2 revisions imported wikitext text/x-wiki <includeonly>{{#switch:{{{1|}}} |开始=<div class="BILIBILI-BOX {{{CSS|}}}" style="{{{追加CSS|}}}"><div class="BOX-2-1" style="{{{追加CSS2|}}}"><div class="BOX-title-1">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span class="BOX-GD" style="float:right">+</span>]]}}</div> |二级标题=<div class="BOX-title-2" style="{{{追加CSS|}}}">{{{标题|}}}{{#ifeq:{{{查看更多|}}}|||[[{{{查看更多|}}}|<span style="font-size:12px;float:right;line-height: 20px;">更多…</span>]]}}</div> |内容开始=<div class="BOX-N" style="{{{追加CSS|}}}"> |内容结束=</div> |结束=</div></div> |按钮=[[{{{2|}}}|<span class="bili-section-normal section-wrap" style="margin:5px 5px 5px 0px;{{#ifeq:{{{颜色|}}}|||border:1px solid #{{{颜色|}}};border-left:3px solid #{{{颜色|}}};}}">{{#ifeq:{{{3|}}}||{{{2|}}}|{{{3|}}}}}</span>]] |图标=<div class="BOX-AN-{{#ifeq:{{{宽度|}}}||25|{{{宽度|}}}}}" style="float:left;position:relative;height:30px;margin:5px 0px">[[{{{3|}}}|<span class="BOX-AN2">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</span></span>]]<div style="position: absolute;top: 0px;left:0px;">[[file:{{{2|}}}.png|30px|link={{{3|}}}]]</div></div> |文章=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[[{{{3|}}}|<font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);">{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]]</span></div> |文章外链=<div style="width:100%;overflow:hidden"><span style="float:left;width:36px;height:22px;line-height:22px;background-color:#{{#switch:{{{2}}}|公告=b96f3f|专题=4b69b9|攻略=526398|新手=449bca|科普=294184|视频=444444|角色=ab5356|推图=75a26a|同人=989898|526398}};border-radius: 2px;color: #fff;text-align: center;margin:4px 0px;margin-right:10px;font-size:12px" >{{{2|}}}</span><span style="float:left;width:calc(100% - 46px);height:22px;line-height:22px;margin:4px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">[{{{3|}}} <font class="BOX-zt" style="color:rgba(0, 0, 0, 0.85);>{{#ifeq:{{{4|}}}||{{{3|}}}|{{{4|}}}}}</font>]</span></div> |轮播图=<div id=biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"><div class="carousel-inner"><div class="item active">{{{图1|}}}</div>{{#ifeq:{{{图2|}}}|||<div class="item">{{{图2|}}}</div>}}{{#ifeq:{{{图3|}}}|||<div class="item">{{{图3|}}}</div>}}{{#ifeq:{{{图4|}}}|||<div class="item">{{{图4|}}}</div>}}{{#ifeq:{{{图5|}}}|||<div class="item">{{{图5|}}}</div>}}{{#ifeq:{{{图6|}}}|||<div class="item">{{{图6|}}}</div>}}{{#ifeq:{{{图7|}}}|||<div class="item">{{{图7|}}}</div>}}{{#ifeq:{{{图8|}}}|||<div class="item">{{{图8|}}}</div>}}</div><ol class="carousel-indicators">{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=0 class="active"></li>}}{{#ifeq:{{{图2|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=1></li>}}{{#ifeq:{{{图3|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=2></li>}}{{#ifeq:{{{图4|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=3></li>}}{{#ifeq:{{{图5|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=4></li>}}{{#ifeq:{{{图6|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=5></li>}}{{#ifeq:{{{图7|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=6></li>}}{{#ifeq:{{{图8|}}}|||<li data-target=#biliCarousel{{#ifeq:{{{轮播编号|}}}||1|{{{轮播编号|}}}}} data-slide-to=7></li>}}</ol></div> |通知|签到=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |通知2|活动=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |通知3|卡池=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''{{{2|}}}'''<br><font style="font-size:10px">{{{3|}}} ～{{{4|}}}</font></div> |日替=<div style="border-radius: 6px;padding: 5px;background:#FFF;border: 1px solid #d0d0d0;border-left: 5px solid #d0d0d0;margin-bottom:5px;width:100%;max-width:100%;text-align:left">'''[[{{#if:{{{跳转|}}}|{{{跳转|}}}|{{{2|}}}}}|<font style="color:rgba(0, 0, 0, 0.85);>{{{2|}}}</font>]]'''<br><font style="font-size:10px">{{{3|}}}</font></div> }}</includeonly><noinclude>{{面包屑|模板}}[[分类:模板]]{{模板说明}}</noinclude> 97b5ce7f03c4de9eb95842ecc5c78c24a397ba0d 10 102 388 387 2024-02-15T04:30:58Z Pcj 1919 48 revisions imported wikitext text/x-wiki {{板块|开始|标题='''江城游玩手册'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本介绍}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|角色|宽度=20}} {{板块|图标|mouse_b|操控|宽度=20}} {{板块|图标|weather_3|时间|宽度=20}} {{板块|图标|testBagIcon|临时背包|宽度=20}} {{板块|图标|work_0|建造|宽度=20}} {{板块|图标|0-3|迷你地图|宽度=20}} {{板块|图标|buttonMenu_0|菜单|宽度=20}} {{板块|图标|buttonTask_0|任务|宽度=20}} {{板块|图标|lock|帮助|宽度=20}} {{板块|图标|2-2|随身科技|宽度=20}} {{板块|图标|enemy_1609|NPC|宽度=20}} {{板块|图标|enemy_31|敌人怪物|宽度=20}} {{板块|图标|4-2longzhou|节日|宽度=20}} {{板块|图标|talent_1|职业天赋|宽度=20}} {{板块|图标|6-6book|陈列馆|宽度=20}} {{板块|图标|1-1 T0|成就|宽度=20}} </div> {{板块|二级标题|标题=物品}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工坊物品|宽度=20}} {{板块|图标|item_3048|菜肴|宽度=20}} {{板块|图标|item_4050|药品|宽度=20}} {{板块|图标|item_1004|采集|宽度=20}} {{板块|图标|item_9004|装备|宽度=20}} {{板块|图标|item_4220|增益|宽度=20}} {{板块|图标|item_904|掉落物品|宽度=20}} {{板块|图标|item_20001|特殊物品|宽度=20}} </div> {{板块|二级标题|标题=工坊}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工坊建筑|宽度=20}} {{板块|图标|check_build_2|模式说明|宽度=20}} {{板块|图标|0-4|分布式工坊|宽度=20}} {{板块|图标|2-5auto|建造技巧|宽度=20}} {{板块|图标|tongyong_1|产物配方|宽度=20}} {{板块|图标|build_1302|家具装饰|宽度=20}} {{板块|图标|test|资源说明|宽度=20}} {{板块|图标|3-5|蓝图|宽度=20}} </div> {{板块|二级标题|标题=武学}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武学书籍|宽度=20}} {{板块|图标|skill_24|技能|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城行会|宽度=20}} {{板块|图标|铁匠铺d|铁匠铺|宽度=20}} {{板块|图标|裁缝铺d|服饰店|宽度=20}} {{板块|图标|江月楼d|江月楼|宽度=20}} {{板块|图标|济安堂d|济安堂|宽度=20}} {{板块|图标|天工阁d|天工阁|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪书馆|宽度=20}} {{板块|图标|徐府d|徐府|宽度=20}} {{板块|图标|赫连常山家d|赫连家|宽度=20}} {{板块|图标|鲁家d|鲁家|宽度=20}} {{板块|图标|孙道一d|孙道一家|宽度=20}} {{板块|图标|characters-183_run|江城山道|宽度=20}} {{板块|图标|build_2205|江城郊外|宽度=20}} {{板块|图标|characters-343_stand|江城山顶|宽度=20}} {{板块|图标|characters-309_stand|江城码头|宽度=20}} {{板块|图标|杂货铺d|江城杂货摊|宽度=20}} </div> {{板块|二级标题|标题=世界探索}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天机庙|宽度=20}} {{板块|图标|wood|资源点|宽度=20}} {{板块|图标|chaiHouse|柴府|宽度=20}} {{板块|图标|xiaoHouse|萧府|宽度=20}} {{板块|图标|zongjianPavilion|纵剑阁|宽度=20}} {{板块|图标|yuntaiMountain|云台山|宽度=20}} {{板块|图标|village1|鹤知村|宽度=20}} {{板块|图标|village4|地球村|宽度=20}} {{板块|图标|village2|白头村|宽度=20}} {{板块|图标|village3|息烽村|宽度=20}} {{板块|图标|remains|遗迹|宽度=20}} {{板块|图标|mountain_1|山洞|宽度=20}} {{板块|图标|lighthouse_1|燃灯塔|宽度=20}} {{板块|图标|postStation|驿站|宽度=20}} {{板块|图标|tide|兽潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 8edacebd70cf7f26e3912a5c6ac89442237e0b35 10 103 419 418 2024-02-15T04:31:01Z Pcj 1919 30 revisions imported wikitext text/x-wiki {{板块|开始|标题='''常用功能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki1.png||120px|center|link=https://www.bilibili.com/video/BV1fM4y147Zv/]]</div> <div class="box-icon">[[File:wiki2.png|120px|center|link=武学书籍]]</div> <div class="box-icon">[[File:wiki3.png|120px|center|link=江城]]</div> <div class="box-icon">[[File:wiki4.png|120px|center|link=NPC]]</div> <div class="box-icon">[[File:wiki6.png|120px|center|link=高频问题]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> d0cbdb9ec958d3094ff41668df46d4bc2cfe8e30 10 104 424 423 2024-02-15T04:31:01Z Pcj 1919 4 revisions imported wikitext text/x-wiki {{板块|开始|标题='''COMMON FUNCTIONS'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_en.png|120px|center|link=Martial Arts]]</div> <div class="box-icon">[[File:wiki3_en.png|120px|center|link=River Town]]</div> <div class="box-icon">[[File:wiki4_en.png|120px|center|link=NPCs]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 7ffc57a66fffa5a8421f5ebcce4d39d4d776afc7 10 105 450 449 2024-02-15T04:31:08Z Pcj 1919 25 revisions imported wikitext text/x-wiki {{板块|开始|标题='''GAME GUIDE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=Basic introduction}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|Character|宽度=20}} {{板块|图标|mouse_b|Operation|宽度=20}} {{板块|图标|weather_3|Time|宽度=20}} {{板块|图标|testBagIcon|Temporary Bag|宽度=20}} {{板块|图标|work_0|Build|宽度=20}} {{板块|图标|0-3|Mini Map|宽度=20}} {{板块|图标|buttonOre_0|Resource|宽度=20}} {{板块|图标|buttonMenu_0|Menu|宽度=20}} {{板块|图标|buttonTask_0|Mission|宽度=20}} {{板块|图标|lock|Help|宽度=20}} {{板块|图标|2-2|Portable Lab|宽度=20}} {{板块|图标|enemy_1609|NPCs|宽度=20}} {{板块|图标|enemy_31|Enemy|宽度=20}} {{板块|图标|4-2longzhou|Festival|宽度=20}} {{板块|图标|talent_1|Talent|宽度=20}} {{板块|图标|6-6book|Gallery|宽度=20}} {{板块|图标|1-1 T0|Achievement|宽度=20}} </div> {{板块|二级标题|标题=Items}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|Factory output|宽度=20}} {{板块|图标|item_3048|Foods|宽度=20}} {{板块|图标|item_4050|Medicine|宽度=20}} {{板块|图标|item_1004|Gather|宽度=20}} {{板块|图标|item_9004|Equipment|宽度=20}} {{板块|图标|item_4220|Gain potions|宽度=20}} {{板块|图标|item_904|Battle gains|宽度=20}} {{板块|图标|item_20001|Special items|宽度=20}} </div> {{板块|二级标题|标题=Factory}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|Architect|宽度=20}} {{板块|图标|check_build_2|Mode|宽度=20}} {{板块|图标|0-4|Vacant Land|宽度=20}} {{板块|图标|2-5auto|Building tips|宽度=20}} {{板块|图标|tongyong_1|Recipes|宽度=20}} {{板块|图标|build_1302|Furniture|宽度=20}} {{板块|图标|3-5|Blueprint|宽度=20}} </div> {{板块|二级标题|标题=Martial arts}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|Martial Arts|宽度=20}} {{板块|图标|skill_24|Skill|宽度=20}} </div> {{板块|二级标题|标题=River Town}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|Guild|宽度=20}} {{板块|图标|铁匠铺d|Blacksmith|宽度=20}} {{板块|图标|裁缝铺d|Tailor Shop|宽度=20}} {{板块|图标|江月楼d|Moonriver Inn|宽度=20}} {{板块|图标|济安堂d|JiAn Clinic|宽度=20}} {{板块|图标|天工阁d|DW Museum|宽度=20}} {{板块|图标|通玄棋社d|Occult Go Club|宽度=20}} {{板块|图标|映雪书馆d|Academy|宽度=20}} {{板块|图标|徐府d|Xu's House|宽度=20}} {{板块|图标|赫连常山家d|Changshan's Hs.|宽度=20}} {{板块|图标|鲁家d|Lu's Hs.|宽度=20}} {{板块|图标|孙道一d|Sun Daoyi's Hs.|宽度=20}} {{板块|图标|build_2205|RT Suburbs|宽度=20}} {{板块|图标|characters-183_run|Mountain Road|宽度=20}} {{板块|图标|characters-343_stand|RT Hilltop|宽度=20}} {{板块|图标|characters-309_stand|RT Dock|宽度=20}} {{板块|图标|杂货铺d|Grocery stall|宽度=20}} </div> {{板块|二级标题|标题=World Map}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|Oracle Temple|宽度=20}} {{板块|图标|wood|Resource site|宽度=20}} {{板块|图标|chaiHouse|Chai's Villa|宽度=20}} {{板块|图标|xiaoHouse|Xiao's Villa|宽度=20}} {{板块|图标|zongjianPavilion|SwordWay Sect|宽度=20}} {{板块|图标|yuntaiMountain|Cloudy Mt.|宽度=20}} {{板块|图标|village1|Harvest Vill.|宽度=20}} {{板块|图标|village4|Global Vill.|宽度=20}} {{板块|图标|village2|Whitehead Vill.|宽度=20}} {{板块|图标|village3|CeaseWar Vill.|宽度=20}} {{板块|图标|remains|Ruins|宽度=20}} {{板块|图标|mountain_1|Caves|宽度=20}} {{板块|图标|lighthouse_1|Lighthouse|宽度=20}} {{板块|图标|postStation|Transtation|宽度=20}} {{板块|图标|tide|Beast Tide|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> a24fe67b0ae8a2ae813147f626c70e3943e3147b 10 106 457 456 2024-02-15T04:31:08Z Pcj 1919 6 revisions imported wikitext text/x-wiki {{板块|开始|标题='''常用機能'''|CSS=box-4}} {{板块|内容开始}} <div class="box-sy"> <div class="box-icon">[[File:wiki2_jp.png|120px|center|link=武術の書籍]]</div> <div class="box-icon">[[File:wiki3_jp.png|120px|center|link=江城の概要]]</div> <div class="box-icon">[[File:wiki4_jp.png|120px|center|link=キャラクター紹介]]</div> </div> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 2beec4675425b9f289905697b1ddf8b0cb42a769 10 107 468 467 2024-02-15T04:31:10Z Pcj 1919 10 revisions imported wikitext text/x-wiki {{板块|开始|标题='''江城観光パンフレット'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=基本的な紹介}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|hair1|主人公|宽度=20}} {{板块|图标|mouse_b|ゲームそうさ|宽度=20}} {{板块|图标|weather_3|じかん|宽度=20}} {{板块|图标|testBagIcon|仮のかばん|宽度=20}} {{板块|图标|work_0|けんせつ|宽度=20}} {{板块|图标|0-3|ミニマップ|宽度=20}} {{板块|图标|buttonMenu_0|メニュー|宽度=20}} {{板块|图标|buttonTask_0|タスク|宽度=20}} {{板块|图标|lock|ヘルプ|宽度=20}} {{板块|图标|2-2|持ち運び科学|宽度=20}} {{板块|图标|enemy_1609|キャラクター|宽度=20}} {{板块|图标|enemy_31|敵のモンスター|宽度=20}} {{板块|图标|4-2longzhou|イベント|宽度=20}} {{板块|图标|talent_1|職業特技|宽度=20}} {{板块|图标|6-6book|資料庫|宽度=20}} {{板块|图标|1-1 T0|実績|宽度=20}} </div> {{板块|二级标题|标题=アイテム}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|item_57|工房アイテム|宽度=20}} {{板块|图标|item_3048|料理|宽度=20}} {{板块|图标|item_4050|薬品|宽度=20}} {{板块|图标|item_1004|採取|宽度=20}} {{板块|图标|item_9004|装備|宽度=20}} {{板块|图标|item_4220|バフ|宽度=20}} {{板块|图标|item_904|ドロップアイテム|宽度=20}} {{板块|图标|item_20001|特殊アイテム|宽度=20}} </div> {{板块|二级标题|标题=工房}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|build_2|工房の建築|宽度=20}} {{板块|图标|check_build_2|モードの説明|宽度=20}} {{板块|图标|0-4|分散型の工房|宽度=20}} {{板块|图标|2-5auto|建築のヒント|宽度=20}} {{板块|图标|tongyong_1|生産レシピ|宽度=20}} {{板块|图标|build_1302|家具と装飾|宽度=20}} {{板块|图标|test|資源の説明|宽度=20}} {{板块|图标|3-5|青写真|宽度=20}} </div> {{板块|二级标题|标题=武術}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|gongfuZhu_2|武術の書籍|宽度=20}} {{板块|图标|skill_24|スキル|宽度=20}} </div> {{板块|二级标题|标题=江城}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|江城行会d|江城の商会|宽度=20}} {{板块|图标|铁匠铺d|鍛冶屋|宽度=20}} {{板块|图标|裁缝铺d|服飾店|宽度=20}} {{板块|图标|江月楼d|江月樓|宽度=20}} {{板块|图标|济安堂d|済安堂|宽度=20}} {{板块|图标|天工阁d|天工閣|宽度=20}} {{板块|图标|通玄棋社d|通玄棋社|宽度=20}} {{板块|图标|映雪书馆d|映雪書館|宽度=20}} {{板块|图标|徐府d|徐の家|宽度=20}} {{板块|图标|赫连常山家d|赫連の家|宽度=20}} {{板块|图标|鲁家d|魯の家|宽度=20}} {{板块|图标|孙道一d|孫道一の家|宽度=20}} {{板块|图标|characters-183_run|江城の山道|宽度=20}} {{板块|图标|characters-343_stand|江城の山頂|宽度=20}} {{板块|图标|characters-309_stand|江城の埠頭|宽度=20}} {{板块|图标|杂货铺d|江城雑貨店|宽度=20}} </div> {{板块|二级标题|标题=せかいたんさく}} <!--内容部分：开始--> <div class="box-sy"> {{板块|图标|shrine|天機廟|宽度=20}} {{板块|图标|wood|資源地|宽度=20}} {{板块|图标|chaiHouse|柴の家|宽度=20}} {{板块|图标|xiaoHouse|蕭の家|宽度=20}} {{板块|图标|zongjianPavilion|縦剣閣|宽度=20}} {{板块|图标|yuntaiMountain|雲台山|宽度=20}} {{板块|图标|village1|鶴知の村|宽度=20}} {{板块|图标|village4|地球の村|宽度=20}} {{板块|图标|village2|白頭の村|宽度=20}} {{板块|图标|village3|息烽の村|宽度=20}} {{板块|图标|remains|遺跡|宽度=20}} {{板块|图标|mountain_1|洞窟|宽度=20}} {{板块|图标|lighthouse_1|灯台|宽度=20}} {{板块|图标|tide|獣潮|宽度=20}} </div> <!--内容部分：结束--> {{板块|内容结束}} {{板块|结束}} <!-- *请替换你的常用入口图片与相应链接，此处为WIKI正常图片使用格式，需要帮助请查看 https://wiki.biligame.com/wiki/%E5%B8%AE%E5%8A%A9:%E5%9B%BE%E7%89%87%E4%BD%BF%E7%94%A8 --> 8b5f9f95d77ce70acb73f170d9e3d23481289999 6 108 469 2024-02-15T04:31:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 109 470 2024-02-15T04:31:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 110 471 2024-02-15T04:31:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 111 472 2024-02-15T04:31:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 112 473 2024-02-15T04:31:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 113 474 2024-02-15T04:31:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 114 475 2024-02-15T04:31:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 115 476 2024-02-15T04:31:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 116 477 2024-02-15T04:31:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 117 478 2024-02-15T04:31:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 118 479 2024-02-15T04:31:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 119 480 2024-02-15T04:31:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 120 481 2024-02-15T04:31:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 121 482 2024-02-15T04:31:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 122 483 2024-02-15T04:31:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 123 484 2024-02-15T04:31:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 124 485 2024-02-15T04:31:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 125 486 2024-02-15T04:31:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 126 487 2024-02-15T04:31:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 127 488 2024-02-15T04:31:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 128 489 2024-02-15T04:31:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 129 490 2024-02-15T04:31:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 130 491 2024-02-15T04:31:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 131 492 2024-02-15T04:31:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 132 493 2024-02-15T04:32:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 133 494 2024-02-15T04:32:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 134 495 2024-02-15T04:32:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 135 496 2024-02-15T04:32:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 136 497 2024-02-15T04:32:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 137 498 2024-02-15T04:32:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 138 499 2024-02-15T04:32:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 139 500 2024-02-15T04:32:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 140 501 2024-02-15T04:32:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 141 502 2024-02-15T04:32:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 142 503 2024-02-15T04:32:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 143 504 2024-02-15T04:32:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 144 505 2024-02-15T04:32:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 145 506 2024-02-15T04:32:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 146 507 2024-02-15T04:32:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 147 508 2024-02-15T04:32:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 148 509 2024-02-15T04:32:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 149 510 2024-02-15T04:32:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 150 511 2024-02-15T04:32:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 151 512 2024-02-15T04:32:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 152 513 2024-02-15T04:32:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 153 514 2024-02-15T04:32:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 154 515 2024-02-15T04:32:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 155 516 2024-02-15T04:32:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 156 517 2024-02-15T04:32:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 157 518 2024-02-15T04:32:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 158 519 2024-02-15T04:32:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 159 520 2024-02-15T04:32:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 160 521 2024-02-15T04:32:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 161 522 2024-02-15T04:32:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 162 523 2024-02-15T04:32:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 163 524 2024-02-15T04:32:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 164 525 2024-02-15T04:32:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 165 526 2024-02-15T04:32:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 166 527 2024-02-15T04:32:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 167 528 2024-02-15T04:32:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 168 529 2024-02-15T04:32:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 169 530 2024-02-15T04:32:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 170 531 2024-02-15T04:32:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 171 532 2024-02-15T04:32:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 172 533 2024-02-15T04:32:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 173 534 2024-02-15T04:32:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 174 535 2024-02-15T04:32:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 175 536 2024-02-15T04:32:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 176 537 2024-02-15T04:32:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 177 538 2024-02-15T04:32:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 178 539 2024-02-15T04:32:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 179 540 2024-02-15T04:32:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 180 541 2024-02-15T04:32:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 181 542 2024-02-15T04:32:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 182 543 2024-02-15T04:32:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 183 544 2024-02-15T04:32:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 184 545 2024-02-15T04:32:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 185 546 2024-02-15T04:32:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 186 547 2024-02-15T04:32:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 187 548 2024-02-15T04:32:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 188 549 2024-02-15T04:32:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 189 550 2024-02-15T04:32:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 190 551 2024-02-15T04:32:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 191 552 2024-02-15T04:32:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 192 553 2024-02-15T04:32:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 193 554 2024-02-15T04:32:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 194 555 2024-02-15T04:32:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 195 556 2024-02-15T04:32:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 196 557 2024-02-15T04:32:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 197 558 2024-02-15T04:32:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 198 559 2024-02-15T04:32:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 199 560 2024-02-15T04:32:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 200 561 2024-02-15T04:32:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 201 562 2024-02-15T04:32:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 202 563 2024-02-15T04:32:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 203 564 2024-02-15T04:32:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 204 565 2024-02-15T04:32:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 205 566 2024-02-15T04:32:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 206 567 2024-02-15T04:32:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 207 568 2024-02-15T04:32:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 208 569 2024-02-15T04:33:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 209 570 2024-02-15T04:33:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 210 571 2024-02-15T04:33:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 211 572 2024-02-15T04:33:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 212 573 2024-02-15T04:33:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 213 574 2024-02-15T04:33:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 214 575 2024-02-15T04:33:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 215 576 2024-02-15T04:33:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 216 577 2024-02-15T04:33:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 217 578 2024-02-15T04:33:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 218 579 2024-02-15T04:33:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 219 580 2024-02-15T04:33:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 220 581 2024-02-15T04:33:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 221 582 2024-02-15T04:33:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 222 583 2024-02-15T04:33:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 223 584 2024-02-15T04:33:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 224 585 2024-02-15T04:33:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 225 586 2024-02-15T04:33:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 226 587 2024-02-15T04:33:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 227 588 2024-02-15T04:33:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 228 589 2024-02-15T04:33:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 229 590 2024-02-15T04:33:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 230 591 2024-02-15T04:33:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 231 592 2024-02-15T04:33:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 232 593 2024-02-15T04:33:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 233 594 2024-02-15T04:33:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 234 595 2024-02-15T04:33:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 235 596 2024-02-15T04:33:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 236 597 2024-02-15T04:33:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 237 598 2024-02-15T04:33:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 238 599 2024-02-15T04:33:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 239 600 2024-02-15T04:33:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 240 601 2024-02-15T04:33:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 241 602 2024-02-15T04:33:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 242 603 2024-02-15T04:33:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 243 604 2024-02-15T04:33:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 244 605 2024-02-15T04:33:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 245 606 2024-02-15T04:33:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 246 607 2024-02-15T04:33:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 247 608 2024-02-15T04:33:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 248 609 2024-02-15T04:33:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 249 610 2024-02-15T04:33:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 250 611 2024-02-15T04:33:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 251 612 2024-02-15T04:33:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 252 613 2024-02-15T04:33:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 253 614 2024-02-15T04:33:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 254 615 2024-02-15T04:33:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 255 616 2024-02-15T04:33:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 256 617 2024-02-15T04:33:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 257 618 2024-02-15T04:33:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 258 619 2024-02-15T04:33:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 259 620 2024-02-15T04:33:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 260 621 2024-02-15T04:33:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 261 622 2024-02-15T04:33:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 262 623 2024-02-15T04:33:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 263 624 2024-02-15T04:33:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 264 625 2024-02-15T04:33:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 265 626 2024-02-15T04:33:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 266 627 2024-02-15T04:33:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 267 628 2024-02-15T04:33:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 268 629 2024-02-15T04:33:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 269 630 2024-02-15T04:33:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 270 631 2024-02-15T04:33:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 271 632 2024-02-15T04:33:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 272 633 2024-02-15T04:33:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 273 634 2024-02-15T04:33:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 274 635 2024-02-15T04:33:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 275 636 2024-02-15T04:33:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 276 637 2024-02-15T04:33:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 277 638 2024-02-15T04:33:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 278 639 2024-02-15T04:33:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 279 640 2024-02-15T04:33:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 280 641 2024-02-15T04:33:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 281 642 2024-02-15T04:33:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 282 643 2024-02-15T04:33:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 283 644 2024-02-15T04:33:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 284 645 2024-02-15T04:34:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 285 646 2024-02-15T04:34:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 286 647 2024-02-15T04:34:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 287 648 2024-02-15T04:34:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 288 649 2024-02-15T04:34:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 289 650 2024-02-15T04:34:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 290 651 2024-02-15T04:34:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 291 652 2024-02-15T04:34:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 292 653 2024-02-15T04:34:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 293 654 2024-02-15T04:34:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 294 655 2024-02-15T04:34:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 295 656 2024-02-15T04:34:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 296 657 2024-02-15T04:34:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 297 658 2024-02-15T04:34:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 298 659 2024-02-15T04:34:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 299 660 2024-02-15T04:34:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 300 661 2024-02-15T04:34:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 301 662 2024-02-15T04:34:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 302 663 2024-02-15T04:34:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 303 664 2024-02-15T04:34:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 304 665 2024-02-15T04:34:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 305 666 2024-02-15T04:34:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 306 667 2024-02-15T04:34:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 307 668 2024-02-15T04:34:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 308 669 2024-02-15T04:34:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 309 670 2024-02-15T04:34:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 310 671 2024-02-15T04:34:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 0 26 672 88 2024-02-15T04:34:25Z Pcj 1919 Pcj moved page [[English]] to [[River Town Factory Wiki]] without leaving a redirect wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4e5469acfd844f67f55503bb5f9810f877781893 6 311 673 2024-02-15T04:34:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 312 674 2024-02-15T04:34:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 313 675 2024-02-15T04:34:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 314 676 2024-02-15T04:34:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 315 677 2024-02-15T04:34:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 316 678 2024-02-15T04:34:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 317 679 2024-02-15T04:34:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 318 680 2024-02-15T04:34:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 319 681 2024-02-15T04:34:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 320 682 2024-02-15T04:34:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 321 683 2024-02-15T04:34:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 322 684 2024-02-15T04:34:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 323 685 2024-02-15T04:34:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 324 686 2024-02-15T04:34:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 325 687 2024-02-15T04:34:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 326 688 2024-02-15T04:34:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 327 689 2024-02-15T04:34:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 328 690 2024-02-15T04:34:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 329 691 2024-02-15T04:34:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 330 692 2024-02-15T04:34:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 331 693 2024-02-15T04:34:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 332 694 2024-02-15T04:34:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 333 695 2024-02-15T04:34:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 0 1 696 1 2024-02-15T04:34:46Z Pcj 1919 Redirected page to [[River Town Factory Wiki]] wikitext text/x-wiki #REDIRECT [[River Town Factory Wiki]] 32d7e862ff6b6fe2f882e6a7358c7517c2236e56 6 334 697 2024-02-15T04:34:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 335 698 2024-02-15T04:34:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 336 699 2024-02-15T04:34:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 337 700 2024-02-15T04:34:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 338 701 2024-02-15T04:34:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 339 702 2024-02-15T04:34:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 340 703 2024-02-15T04:34:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 341 704 2024-02-15T04:34:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 342 705 2024-02-15T04:34:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 343 706 2024-02-15T04:34:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 344 707 2024-02-15T04:34:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 345 708 2024-02-15T04:34:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 346 709 2024-02-15T04:34:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 347 710 2024-02-15T04:34:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 348 711 2024-02-15T04:34:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 349 712 2024-02-15T04:34:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 350 713 2024-02-15T04:34:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 351 714 2024-02-15T04:34:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 8 352 715 2024-02-15T04:34:59Z Pcj 1919 Created page with "River Town Factory Wiki" wikitext text/x-wiki River Town Factory Wiki da5343c89e31d28376a3384ea47b177faf41b2b6 6 353 716 2024-02-15T04:34:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 354 717 2024-02-15T04:35:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 355 718 2024-02-15T04:35:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 356 719 2024-02-15T04:35:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 357 720 2024-02-15T04:35:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 358 721 2024-02-15T04:35:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 359 722 2024-02-15T04:35:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 360 723 2024-02-15T04:35:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 361 724 2024-02-15T04:35:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 362 725 2024-02-15T04:35:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 363 726 2024-02-15T04:35:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 364 727 2024-02-15T04:35:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 365 728 2024-02-15T04:35:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 366 729 2024-02-15T04:35:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 367 730 2024-02-15T04:35:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 368 731 2024-02-15T04:35:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 369 732 2024-02-15T04:35:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 370 733 2024-02-15T04:35:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 371 734 2024-02-15T04:35:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 372 735 2024-02-15T04:35:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 14 373 736 2024-02-15T04:35:16Z Pcj 1919 Created page with "__HIDDENCAT__" wikitext text/x-wiki __HIDDENCAT__ 183b9c38bff80327776bd180634fccfd19cf616f 6 374 737 2024-02-15T04:35:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 375 738 2024-02-15T04:35:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 376 739 2024-02-15T04:35:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 377 740 2024-02-15T04:35:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 378 741 2024-02-15T04:35:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 379 742 2024-02-15T04:35:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 380 743 2024-02-15T04:35:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 381 744 2024-02-15T04:35:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 382 745 2024-02-15T04:35:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 383 746 2024-02-15T04:35:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 384 747 2024-02-15T04:35:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 385 748 2024-02-15T04:35:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 386 749 2024-02-15T04:35:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 387 750 2024-02-15T04:35:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 388 751 2024-02-15T04:35:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 389 752 2024-02-15T04:35:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 390 753 2024-02-15T04:35:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 391 754 2024-02-15T04:35:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 392 755 2024-02-15T04:35:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 393 756 2024-02-15T04:35:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 394 757 2024-02-15T04:35:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 395 758 2024-02-15T04:35:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 396 759 2024-02-15T04:35:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 397 760 2024-02-15T04:35:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 398 761 2024-02-15T04:35:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 399 762 2024-02-15T04:35:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 400 763 2024-02-15T04:35:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 401 764 2024-02-15T04:35:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 402 765 2024-02-15T04:35:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 403 766 2024-02-15T04:35:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 404 767 2024-02-15T04:35:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 405 768 2024-02-15T04:35:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 406 769 2024-02-15T04:35:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 407 770 2024-02-15T04:35:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 408 771 2024-02-15T04:35:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 409 772 2024-02-15T04:35:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 410 773 2024-02-15T04:35:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 411 774 2024-02-15T04:35:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 412 775 2024-02-15T04:35:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 413 776 2024-02-15T04:35:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 414 777 2024-02-15T04:35:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 415 778 2024-02-15T04:35:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 416 779 2024-02-15T04:35:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 417 780 2024-02-15T04:35:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 418 781 2024-02-15T04:35:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 419 782 2024-02-15T04:35:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 420 783 2024-02-15T04:35:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 421 784 2024-02-15T04:35:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 422 785 2024-02-15T04:35:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 423 786 2024-02-15T04:35:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 424 787 2024-02-15T04:35:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 425 788 2024-02-15T04:35:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 426 789 2024-02-15T04:35:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 427 790 2024-02-15T04:36:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 428 791 2024-02-15T04:36:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 429 792 2024-02-15T04:36:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 430 793 2024-02-15T04:36:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 431 794 2024-02-15T04:36:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 432 795 2024-02-15T04:36:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 433 796 2024-02-15T04:36:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 434 797 2024-02-15T04:36:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 435 798 2024-02-15T04:36:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 436 799 2024-02-15T04:36:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 437 800 2024-02-15T04:36:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 438 801 2024-02-15T04:36:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 439 802 2024-02-15T04:36:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 440 803 2024-02-15T04:36:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 441 804 2024-02-15T04:36:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 442 805 2024-02-15T04:36:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 443 806 2024-02-15T04:36:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 444 807 2024-02-15T04:36:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 445 808 2024-02-15T04:36:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 446 809 2024-02-15T04:36:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 447 810 2024-02-15T04:36:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 448 811 2024-02-15T04:36:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 449 812 2024-02-15T04:36:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 450 813 2024-02-15T04:36:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 451 814 2024-02-15T04:36:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 452 815 2024-02-15T04:36:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 453 816 2024-02-15T04:36:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 454 817 2024-02-15T04:36:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 455 818 2024-02-15T04:36:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 456 819 2024-02-15T04:36:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 457 820 2024-02-15T04:36:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 458 821 2024-02-15T04:36:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 459 822 2024-02-15T04:36:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 460 823 2024-02-15T04:36:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 461 824 2024-02-15T04:36:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 462 825 2024-02-15T04:36:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 463 826 2024-02-15T04:36:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 464 827 2024-02-15T04:36:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 465 828 2024-02-15T04:36:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 466 829 2024-02-15T04:36:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 467 830 2024-02-15T04:36:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 468 831 2024-02-15T04:36:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 469 832 2024-02-15T04:36:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 470 833 2024-02-15T04:36:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 471 834 2024-02-15T04:36:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 472 835 2024-02-15T04:36:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 473 836 2024-02-15T04:36:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 474 837 2024-02-15T04:36:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 475 838 2024-02-15T04:36:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 476 839 2024-02-15T04:36:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 477 840 2024-02-15T04:36:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 478 841 2024-02-15T04:36:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 479 842 2024-02-15T04:36:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 480 843 2024-02-15T04:36:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 481 844 2024-02-15T04:36:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 482 845 2024-02-15T04:36:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 483 846 2024-02-15T04:36:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 484 847 2024-02-15T04:36:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 485 848 2024-02-15T04:36:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 486 849 2024-02-15T04:36:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 487 850 2024-02-15T04:36:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 488 851 2024-02-15T04:36:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 489 852 2024-02-15T04:36:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 490 853 2024-02-15T04:36:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 491 854 2024-02-15T04:36:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 492 855 2024-02-15T04:36:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 493 856 2024-02-15T04:36:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 494 857 2024-02-15T04:36:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 495 858 2024-02-15T04:36:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 496 859 2024-02-15T04:36:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 497 860 2024-02-15T04:36:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 498 861 2024-02-15T04:36:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 499 862 2024-02-15T04:36:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 500 863 2024-02-15T04:36:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 501 864 2024-02-15T04:36:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 502 865 2024-02-15T04:37:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 503 866 2024-02-15T04:37:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 504 867 2024-02-15T04:37:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 505 868 2024-02-15T04:37:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 506 869 2024-02-15T04:37:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 507 870 2024-02-15T04:37:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 508 871 2024-02-15T04:37:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 509 872 2024-02-15T04:37:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 510 873 2024-02-15T04:37:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 511 874 2024-02-15T04:37:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 512 875 2024-02-15T04:37:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 513 876 2024-02-15T04:37:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 514 877 2024-02-15T04:37:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 515 878 2024-02-15T04:37:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 516 879 2024-02-15T04:37:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 517 880 2024-02-15T04:37:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 518 881 2024-02-15T04:37:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 519 882 2024-02-15T04:37:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 520 883 2024-02-15T04:37:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 521 884 2024-02-15T04:37:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 522 885 2024-02-15T04:37:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 523 886 2024-02-15T04:37:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 524 887 2024-02-15T04:37:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 525 888 2024-02-15T04:37:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 526 889 2024-02-15T04:37:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 527 890 2024-02-15T04:37:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 528 891 2024-02-15T04:37:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 529 892 2024-02-15T04:37:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 530 893 2024-02-15T04:37:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 531 894 2024-02-15T04:37:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 532 895 2024-02-15T04:37:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 533 896 2024-02-15T04:37:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 534 897 2024-02-15T04:37:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 535 898 2024-02-15T04:37:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 536 899 2024-02-15T04:37:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 537 900 2024-02-15T04:37:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 538 901 2024-02-15T04:37:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 539 902 2024-02-15T04:37:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 540 903 2024-02-15T04:37:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 541 904 2024-02-15T04:37:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 542 905 2024-02-15T04:37:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 543 906 2024-02-15T04:37:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 544 907 2024-02-15T04:37:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 545 908 2024-02-15T04:37:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 546 909 2024-02-15T04:37:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 547 910 2024-02-15T04:37:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 548 911 2024-02-15T04:37:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 549 912 2024-02-15T04:37:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 550 913 2024-02-15T04:37:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 551 914 2024-02-15T04:37:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 552 915 2024-02-15T04:37:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 553 916 2024-02-15T04:37:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 554 917 2024-02-15T04:37:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 555 918 2024-02-15T04:37:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 556 919 2024-02-15T04:37:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 557 920 2024-02-15T04:37:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 558 921 2024-02-15T04:37:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 559 922 2024-02-15T04:37:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 560 923 2024-02-15T04:37:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 561 924 2024-02-15T04:37:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 562 925 2024-02-15T04:37:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 563 926 2024-02-15T04:37:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 564 927 2024-02-15T04:37:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 565 928 2024-02-15T04:37:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 566 929 2024-02-15T04:37:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 567 930 2024-02-15T04:37:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 568 931 2024-02-15T04:37:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 569 932 2024-02-15T04:37:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 570 933 2024-02-15T04:37:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 571 934 2024-02-15T04:37:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 572 935 2024-02-15T04:37:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 573 936 2024-02-15T04:37:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 574 937 2024-02-15T04:37:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 575 938 2024-02-15T04:37:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 576 939 2024-02-15T04:37:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 577 940 2024-02-15T04:37:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 578 941 2024-02-15T04:37:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 579 942 2024-02-15T04:37:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 580 943 2024-02-15T04:38:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 581 944 2024-02-15T04:38:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 582 945 2024-02-15T04:38:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 583 946 2024-02-15T04:38:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 584 947 2024-02-15T04:38:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 585 948 2024-02-15T04:38:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 586 949 2024-02-15T04:38:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 587 950 2024-02-15T04:38:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 588 951 2024-02-15T04:38:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 589 952 2024-02-15T04:38:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 590 953 2024-02-15T04:38:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 591 954 2024-02-15T04:38:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 592 955 2024-02-15T04:38:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 593 956 2024-02-15T04:38:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 594 957 2024-02-15T04:38:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 595 958 2024-02-15T04:38:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 596 959 2024-02-15T04:38:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 597 960 2024-02-15T04:38:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 598 961 2024-02-15T04:38:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 599 962 2024-02-15T04:38:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 600 963 2024-02-15T04:38:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 601 964 2024-02-15T04:38:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 602 965 2024-02-15T04:38:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 603 966 2024-02-15T04:38:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 604 967 2024-02-15T04:38:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 605 968 2024-02-15T04:38:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 606 969 2024-02-15T04:38:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 607 970 2024-02-15T04:38:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 608 971 2024-02-15T04:38:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 609 972 2024-02-15T04:38:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 610 973 2024-02-15T04:38:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 611 974 2024-02-15T04:38:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 612 975 2024-02-15T04:38:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 613 976 2024-02-15T04:38:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 614 977 2024-02-15T04:38:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 615 978 2024-02-15T04:38:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 616 979 2024-02-15T04:38:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 617 980 2024-02-15T04:38:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 618 981 2024-02-15T04:38:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 619 982 2024-02-15T04:38:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 620 983 2024-02-15T04:38:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 621 984 2024-02-15T04:38:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 622 985 2024-02-15T04:38:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 623 986 2024-02-15T04:38:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 624 987 2024-02-15T04:38:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 625 988 2024-02-15T04:38:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 626 989 2024-02-15T04:38:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 627 990 2024-02-15T04:38:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 628 991 2024-02-15T04:38:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 629 992 2024-02-15T04:38:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 630 993 2024-02-15T04:38:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 631 994 2024-02-15T04:38:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 632 995 2024-02-15T04:38:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 633 996 2024-02-15T04:38:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 634 997 2024-02-15T04:38:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 635 998 2024-02-15T04:38:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 636 999 2024-02-15T04:38:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 637 1000 2024-02-15T04:38:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 638 1001 2024-02-15T04:38:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 639 1002 2024-02-15T04:38:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 640 1003 2024-02-15T04:38:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 641 1004 2024-02-15T04:38:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 642 1005 2024-02-15T04:38:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 643 1006 2024-02-15T04:38:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 644 1007 2024-02-15T04:38:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 645 1008 2024-02-15T04:38:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 646 1009 2024-02-15T04:38:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 647 1010 2024-02-15T04:38:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 648 1011 2024-02-15T04:38:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 649 1012 2024-02-15T04:38:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 650 1013 2024-02-15T04:38:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 651 1014 2024-02-15T04:38:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 652 1015 2024-02-15T04:38:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 653 1016 2024-02-15T04:38:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 654 1017 2024-02-15T04:38:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 655 1018 2024-02-15T04:39:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 656 1019 2024-02-15T04:39:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 657 1020 2024-02-15T04:39:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 658 1021 2024-02-15T04:39:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 659 1022 2024-02-15T04:39:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 660 1023 2024-02-15T04:39:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 661 1024 2024-02-15T04:39:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 662 1025 2024-02-15T04:39:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 663 1026 2024-02-15T04:39:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 664 1027 2024-02-15T04:39:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 665 1028 2024-02-15T04:39:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 666 1029 2024-02-15T04:39:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 667 1030 2024-02-15T04:39:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 668 1031 2024-02-15T04:39:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 669 1032 2024-02-15T04:39:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 670 1033 2024-02-15T04:39:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 671 1034 2024-02-15T04:39:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 672 1035 2024-02-15T04:39:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 673 1036 2024-02-15T04:39:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 674 1037 2024-02-15T04:39:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 675 1038 2024-02-15T04:39:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 676 1039 2024-02-15T04:39:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 677 1040 2024-02-15T04:39:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 678 1041 2024-02-15T04:39:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 679 1042 2024-02-15T04:39:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 680 1043 2024-02-15T04:39:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 681 1044 2024-02-15T04:39:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 682 1045 2024-02-15T04:39:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 683 1046 2024-02-15T04:39:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 684 1047 2024-02-15T04:39:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 685 1048 2024-02-15T04:39:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 686 1049 2024-02-15T04:39:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 687 1050 2024-02-15T04:39:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 688 1051 2024-02-15T04:39:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 689 1052 2024-02-15T04:39:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 690 1053 2024-02-15T04:39:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 691 1054 2024-02-15T04:39:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 692 1055 2024-02-15T04:39:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 693 1056 2024-02-15T04:39:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 694 1057 2024-02-15T04:39:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 695 1058 2024-02-15T04:39:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 696 1059 2024-02-15T04:39:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 697 1060 2024-02-15T04:39:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 698 1061 2024-02-15T04:39:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 699 1062 2024-02-15T04:39:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 700 1063 2024-02-15T04:39:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 701 1064 2024-02-15T04:39:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 702 1065 2024-02-15T04:39:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 703 1066 2024-02-15T04:39:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 704 1067 2024-02-15T04:39:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 705 1068 2024-02-15T04:39:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 706 1069 2024-02-15T04:39:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 707 1070 2024-02-15T04:39:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 708 1071 2024-02-15T04:39:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 709 1072 2024-02-15T04:39:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 710 1073 2024-02-15T04:39:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 711 1074 2024-02-15T04:39:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 712 1075 2024-02-15T04:39:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 713 1076 2024-02-15T04:39:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 714 1077 2024-02-15T04:39:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 715 1078 2024-02-15T04:39:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 716 1079 2024-02-15T04:39:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 717 1080 2024-02-15T04:39:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 718 1081 2024-02-15T04:39:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 719 1082 2024-02-15T04:39:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 720 1083 2024-02-15T04:39:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 721 1084 2024-02-15T04:39:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 722 1085 2024-02-15T04:39:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 723 1086 2024-02-15T04:39:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 724 1087 2024-02-15T04:39:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 725 1088 2024-02-15T04:39:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 726 1089 2024-02-15T04:39:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 727 1090 2024-02-15T04:39:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 728 1091 2024-02-15T04:39:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 729 1092 2024-02-15T04:39:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 730 1093 2024-02-15T04:40:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 731 1094 2024-02-15T04:40:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 732 1095 2024-02-15T04:40:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 733 1096 2024-02-15T04:40:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 734 1097 2024-02-15T04:40:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 735 1098 2024-02-15T04:40:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 736 1099 2024-02-15T04:40:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 737 1100 2024-02-15T04:40:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 738 1101 2024-02-15T04:40:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 739 1102 2024-02-15T04:40:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 740 1103 2024-02-15T04:40:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 741 1104 2024-02-15T04:40:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 742 1105 2024-02-15T04:40:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 743 1106 2024-02-15T04:40:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 744 1107 2024-02-15T04:40:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 745 1108 2024-02-15T04:40:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 746 1109 2024-02-15T04:40:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 747 1110 2024-02-15T04:40:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 748 1111 2024-02-15T04:40:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 749 1112 2024-02-15T04:40:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 750 1113 2024-02-15T04:40:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 751 1114 2024-02-15T04:40:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 752 1115 2024-02-15T04:40:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 753 1116 2024-02-15T04:40:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 754 1117 2024-02-15T04:40:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 755 1118 2024-02-15T04:40:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 756 1119 2024-02-15T04:40:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 757 1120 2024-02-15T04:40:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 758 1121 2024-02-15T04:40:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 759 1122 2024-02-15T04:40:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 760 1123 2024-02-15T04:40:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 761 1124 2024-02-15T04:40:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 762 1125 2024-02-15T04:40:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 763 1126 2024-02-15T04:40:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 764 1127 2024-02-15T04:40:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 765 1128 2024-02-15T04:40:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 766 1129 2024-02-15T04:40:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 767 1130 2024-02-15T04:40:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 768 1131 2024-02-15T04:40:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 769 1132 2024-02-15T04:40:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 770 1133 2024-02-15T04:40:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 771 1134 2024-02-15T04:40:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 772 1135 2024-02-15T04:40:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 773 1136 2024-02-15T04:40:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 774 1137 2024-02-15T04:40:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 775 1138 2024-02-15T04:40:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 776 1139 2024-02-15T04:40:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 777 1140 2024-02-15T04:40:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 778 1141 2024-02-15T04:40:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 779 1142 2024-02-15T04:40:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 780 1143 2024-02-15T04:40:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 781 1144 2024-02-15T04:40:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 782 1145 2024-02-15T04:40:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 783 1146 2024-02-15T04:40:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 784 1147 2024-02-15T04:40:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 785 1148 2024-02-15T04:40:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 786 1149 2024-02-15T04:40:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 787 1150 2024-02-15T04:40:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 788 1151 2024-02-15T04:40:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 789 1152 2024-02-15T04:40:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 790 1153 2024-02-15T04:40:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 791 1154 2024-02-15T04:40:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 792 1155 2024-02-15T04:40:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 793 1156 2024-02-15T04:40:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 794 1157 2024-02-15T04:40:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 795 1158 2024-02-15T04:40:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 796 1159 2024-02-15T04:40:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 797 1160 2024-02-15T04:40:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 798 1161 2024-02-15T04:40:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 799 1162 2024-02-15T04:40:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 800 1163 2024-02-15T04:40:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 801 1164 2024-02-15T04:40:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 802 1165 2024-02-15T04:40:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 803 1166 2024-02-15T04:40:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 804 1167 2024-02-15T04:40:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 805 1168 2024-02-15T04:41:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 806 1169 2024-02-15T04:41:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 807 1170 2024-02-15T04:41:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 808 1171 2024-02-15T04:41:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 809 1172 2024-02-15T04:41:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 810 1173 2024-02-15T04:41:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 811 1174 2024-02-15T04:41:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 812 1175 2024-02-15T04:41:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 813 1176 2024-02-15T04:41:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 814 1177 2024-02-15T04:41:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 815 1178 2024-02-15T04:41:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 816 1179 2024-02-15T04:41:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 817 1180 2024-02-15T04:41:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 818 1181 2024-02-15T04:41:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 819 1182 2024-02-15T04:41:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 820 1183 2024-02-15T04:41:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 821 1184 2024-02-15T04:41:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 822 1185 2024-02-15T04:41:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 823 1186 2024-02-15T04:41:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 824 1187 2024-02-15T04:41:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 825 1188 2024-02-15T04:41:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 826 1189 2024-02-15T04:41:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 827 1190 2024-02-15T04:41:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 828 1191 2024-02-15T04:41:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 829 1192 2024-02-15T04:41:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 830 1193 2024-02-15T04:41:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 831 1194 2024-02-15T04:41:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 832 1195 2024-02-15T04:41:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 833 1196 2024-02-15T04:41:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 834 1197 2024-02-15T04:41:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 835 1198 2024-02-15T04:41:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 836 1199 2024-02-15T04:41:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 837 1200 2024-02-15T04:41:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 838 1201 2024-02-15T04:41:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 839 1202 2024-02-15T04:41:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 840 1203 2024-02-15T04:41:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 841 1204 2024-02-15T04:41:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 842 1205 2024-02-15T04:41:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 843 1206 2024-02-15T04:41:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 844 1207 2024-02-15T04:41:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 845 1208 2024-02-15T04:41:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 846 1209 2024-02-15T04:41:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 847 1210 2024-02-15T04:41:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 848 1211 2024-02-15T04:41:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 849 1212 2024-02-15T04:41:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 850 1213 2024-02-15T04:41:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 851 1214 2024-02-15T04:41:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 852 1215 2024-02-15T04:41:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 853 1216 2024-02-15T04:41:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 854 1217 2024-02-15T04:41:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 855 1218 2024-02-15T04:41:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 856 1219 2024-02-15T04:41:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 857 1220 2024-02-15T04:41:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 858 1221 2024-02-15T04:41:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 859 1222 2024-02-15T04:41:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 860 1223 2024-02-15T04:41:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 861 1224 2024-02-15T04:41:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 862 1225 2024-02-15T04:41:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 863 1226 2024-02-15T04:41:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 864 1227 2024-02-15T04:41:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 865 1228 2024-02-15T04:41:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 866 1229 2024-02-15T04:41:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 867 1230 2024-02-15T04:41:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 868 1231 2024-02-15T04:41:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 869 1232 2024-02-15T04:41:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 870 1233 2024-02-15T04:41:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 871 1234 2024-02-15T04:41:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 872 1235 2024-02-15T04:41:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 873 1236 2024-02-15T04:41:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 874 1237 2024-02-15T04:41:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 875 1238 2024-02-15T04:41:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 876 1239 2024-02-15T04:42:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 877 1240 2024-02-15T04:42:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 878 1241 2024-02-15T04:42:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 879 1242 2024-02-15T04:42:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 880 1243 2024-02-15T04:42:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 881 1244 2024-02-15T04:42:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 882 1245 2024-02-15T04:42:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 883 1246 2024-02-15T04:42:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 884 1247 2024-02-15T04:42:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 885 1248 2024-02-15T04:42:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 886 1249 2024-02-15T04:42:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 887 1250 2024-02-15T04:42:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 888 1251 2024-02-15T04:42:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 889 1252 2024-02-15T04:42:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 890 1253 2024-02-15T04:42:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 891 1254 2024-02-15T04:42:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 892 1255 2024-02-15T04:42:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 893 1256 2024-02-15T04:42:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 894 1257 2024-02-15T04:42:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 895 1258 2024-02-15T04:42:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 896 1259 2024-02-15T04:42:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 897 1260 2024-02-15T04:42:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 898 1261 2024-02-15T04:42:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 899 1262 2024-02-15T04:42:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 900 1263 2024-02-15T04:42:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 901 1264 2024-02-15T04:42:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 902 1265 2024-02-15T04:42:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 903 1266 2024-02-15T04:42:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 904 1267 2024-02-15T04:42:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 905 1268 2024-02-15T04:42:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 906 1269 2024-02-15T04:42:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 907 1270 2024-02-15T04:42:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 908 1271 2024-02-15T04:42:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 909 1272 2024-02-15T04:42:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 910 1273 2024-02-15T04:42:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 911 1274 2024-02-15T04:42:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 912 1275 2024-02-15T04:42:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 913 1276 2024-02-15T04:42:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 914 1277 2024-02-15T04:42:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 915 1278 2024-02-15T04:42:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 916 1279 2024-02-15T04:42:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 917 1280 2024-02-15T04:42:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 918 1281 2024-02-15T04:42:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 919 1282 2024-02-15T04:42:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 920 1283 2024-02-15T04:42:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 921 1284 2024-02-15T04:42:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 922 1285 2024-02-15T04:42:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 923 1286 2024-02-15T04:42:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 924 1287 2024-02-15T04:42:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 925 1288 2024-02-15T04:42:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 926 1289 2024-02-15T04:42:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 927 1290 2024-02-15T04:42:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 928 1291 2024-02-15T04:42:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 929 1292 2024-02-15T04:42:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 930 1293 2024-02-15T04:42:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 931 1294 2024-02-15T04:42:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 932 1295 2024-02-15T04:42:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 933 1296 2024-02-15T04:42:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 934 1297 2024-02-15T04:42:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 935 1298 2024-02-15T04:42:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 936 1299 2024-02-15T04:42:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 937 1300 2024-02-15T04:42:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 938 1301 2024-02-15T04:42:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 939 1302 2024-02-15T04:42:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 940 1303 2024-02-15T04:42:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 941 1304 2024-02-15T04:42:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 942 1305 2024-02-15T04:42:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 943 1306 2024-02-15T04:42:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 944 1307 2024-02-15T04:42:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 945 1308 2024-02-15T04:43:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 946 1309 2024-02-15T04:43:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 947 1310 2024-02-15T04:43:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 948 1311 2024-02-15T04:43:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 949 1312 2024-02-15T04:43:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 950 1313 2024-02-15T04:43:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 951 1314 2024-02-15T04:43:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 952 1315 2024-02-15T04:43:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 953 1316 2024-02-15T04:43:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 954 1317 2024-02-15T04:43:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 955 1318 2024-02-15T04:43:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 956 1319 2024-02-15T04:43:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 957 1320 2024-02-15T04:43:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 958 1321 2024-02-15T04:43:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 959 1322 2024-02-15T04:43:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 960 1323 2024-02-15T04:43:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 961 1324 2024-02-15T04:43:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 962 1325 2024-02-15T04:43:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 963 1326 2024-02-15T04:43:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 964 1327 2024-02-15T04:43:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 965 1328 2024-02-15T04:43:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 966 1329 2024-02-15T04:43:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 967 1330 2024-02-15T04:43:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 968 1331 2024-02-15T04:43:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 969 1332 2024-02-15T04:43:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 970 1333 2024-02-15T04:43:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 971 1334 2024-02-15T04:43:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 972 1335 2024-02-15T04:43:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 973 1336 2024-02-15T04:43:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 974 1337 2024-02-15T04:43:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 975 1338 2024-02-15T04:43:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 976 1339 2024-02-15T04:43:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 977 1340 2024-02-15T04:43:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 978 1341 2024-02-15T04:43:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 979 1342 2024-02-15T04:43:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 980 1343 2024-02-15T04:43:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 981 1344 2024-02-15T04:43:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 982 1345 2024-02-15T04:43:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 983 1346 2024-02-15T04:43:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 984 1347 2024-02-15T04:43:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 985 1348 2024-02-15T04:43:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 986 1349 2024-02-15T04:43:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 987 1350 2024-02-15T04:43:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 988 1351 2024-02-15T04:43:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 989 1352 2024-02-15T04:43:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 990 1353 2024-02-15T04:43:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 991 1354 2024-02-15T04:43:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 992 1355 2024-02-15T04:43:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 993 1356 2024-02-15T04:43:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 994 1357 2024-02-15T04:43:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 995 1358 2024-02-15T04:43:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 996 1359 2024-02-15T04:43:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 997 1360 2024-02-15T04:43:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 998 1361 2024-02-15T04:43:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 999 1362 2024-02-15T04:43:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1000 1363 2024-02-15T04:43:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1001 1364 2024-02-15T04:43:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1002 1365 2024-02-15T04:43:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1003 1366 2024-02-15T04:43:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1004 1367 2024-02-15T04:43:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1005 1368 2024-02-15T04:43:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1006 1369 2024-02-15T04:43:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1007 1370 2024-02-15T04:43:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1008 1371 2024-02-15T04:43:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1009 1372 2024-02-15T04:43:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1010 1373 2024-02-15T04:43:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1011 1374 2024-02-15T04:43:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1012 1375 2024-02-15T04:43:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1013 1376 2024-02-15T04:44:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1014 1377 2024-02-15T04:44:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1015 1378 2024-02-15T04:44:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1016 1379 2024-02-15T04:44:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1017 1380 2024-02-15T04:44:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1018 1381 2024-02-15T04:44:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1019 1382 2024-02-15T04:44:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1020 1383 2024-02-15T04:44:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1021 1384 2024-02-15T04:44:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1022 1385 2024-02-15T04:44:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1023 1386 2024-02-15T04:44:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1024 1387 2024-02-15T04:44:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1025 1388 2024-02-15T04:44:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1026 1389 2024-02-15T04:44:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1027 1390 2024-02-15T04:44:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1028 1391 2024-02-15T04:44:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1029 1392 2024-02-15T04:44:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1030 1393 2024-02-15T04:44:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1031 1394 2024-02-15T04:44:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1032 1395 2024-02-15T04:44:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1033 1396 2024-02-15T04:44:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1034 1397 2024-02-15T04:44:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1035 1398 2024-02-15T04:44:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1036 1399 2024-02-15T04:44:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1037 1400 2024-02-15T04:44:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1038 1401 2024-02-15T04:44:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1039 1402 2024-02-15T04:44:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1040 1403 2024-02-15T04:44:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1041 1404 2024-02-15T04:44:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1042 1405 2024-02-15T04:44:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1043 1406 2024-02-15T04:44:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1044 1407 2024-02-15T04:44:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1045 1408 2024-02-15T04:44:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1046 1409 2024-02-15T04:44:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1047 1410 2024-02-15T04:44:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1048 1411 2024-02-15T04:44:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1049 1412 2024-02-15T04:44:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1050 1413 2024-02-15T04:44:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1051 1414 2024-02-15T04:44:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1052 1415 2024-02-15T04:44:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1053 1416 2024-02-15T04:44:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1054 1417 2024-02-15T04:44:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1055 1418 2024-02-15T04:44:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1056 1419 2024-02-15T04:44:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1057 1420 2024-02-15T04:44:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1058 1421 2024-02-15T04:44:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1059 1422 2024-02-15T04:44:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1060 1423 2024-02-15T04:44:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1061 1424 2024-02-15T04:44:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1062 1425 2024-02-15T04:44:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1063 1426 2024-02-15T04:44:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1064 1427 2024-02-15T04:44:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1065 1428 2024-02-15T04:44:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1066 1429 2024-02-15T04:44:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1067 1430 2024-02-15T04:44:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1068 1431 2024-02-15T04:44:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1069 1432 2024-02-15T04:44:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1070 1433 2024-02-15T04:44:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1071 1434 2024-02-15T04:44:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1072 1435 2024-02-15T04:44:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1073 1436 2024-02-15T04:44:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1074 1437 2024-02-15T04:44:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1075 1438 2024-02-15T04:44:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1076 1439 2024-02-15T04:44:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1077 1440 2024-02-15T04:44:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1078 1441 2024-02-15T04:44:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1079 1442 2024-02-15T04:44:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1080 1443 2024-02-15T04:44:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1081 1444 2024-02-15T04:44:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1082 1445 2024-02-15T04:44:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1083 1446 2024-02-15T04:44:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1084 1447 2024-02-15T04:44:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1085 1448 2024-02-15T04:44:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1086 1449 2024-02-15T04:44:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1087 1450 2024-02-15T04:44:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1088 1451 2024-02-15T04:44:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1089 1452 2024-02-15T04:45:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1090 1453 2024-02-15T04:45:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1091 1454 2024-02-15T04:45:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1092 1455 2024-02-15T04:45:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1093 1456 2024-02-15T04:45:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1094 1457 2024-02-15T04:45:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1095 1458 2024-02-15T04:45:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1096 1459 2024-02-15T04:45:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1097 1460 2024-02-15T04:45:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1098 1461 2024-02-15T04:45:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1099 1462 2024-02-15T04:45:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1100 1463 2024-02-15T04:45:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1101 1464 2024-02-15T04:45:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1102 1465 2024-02-15T04:45:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1103 1466 2024-02-15T04:45:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1104 1467 2024-02-15T04:45:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1105 1468 2024-02-15T04:45:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1106 1469 2024-02-15T04:45:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1107 1470 2024-02-15T04:45:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1108 1471 2024-02-15T04:45:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1109 1472 2024-02-15T04:45:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1110 1473 2024-02-15T04:45:19Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1111 1474 2024-02-15T04:45:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1112 1475 2024-02-15T04:45:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1113 1476 2024-02-15T04:45:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1114 1477 2024-02-15T04:45:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1115 1478 2024-02-15T04:45:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1116 1479 2024-02-15T04:45:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1117 1480 2024-02-15T04:45:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1118 1481 2024-02-15T04:45:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1119 1482 2024-02-15T04:45:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1120 1483 2024-02-15T04:45:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1121 1484 2024-02-15T04:45:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1122 1485 2024-02-15T04:45:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1123 1486 2024-02-15T04:45:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1124 1487 2024-02-15T04:45:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1125 1488 2024-02-15T04:45:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1126 1489 2024-02-15T04:45:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1127 1490 2024-02-15T04:45:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1128 1491 2024-02-15T04:45:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1129 1492 2024-02-15T04:45:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1130 1493 2024-02-15T04:45:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1131 1494 2024-02-15T04:45:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1132 1495 2024-02-15T04:45:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1133 1496 2024-02-15T04:45:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1134 1497 2024-02-15T04:45:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1135 1498 2024-02-15T04:45:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1136 1499 2024-02-15T04:45:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1137 1500 2024-02-15T04:45:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1138 1501 2024-02-15T04:45:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1139 1502 2024-02-15T04:45:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1140 1503 2024-02-15T04:45:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1141 1504 2024-02-15T04:45:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1142 1505 2024-02-15T04:45:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1143 1506 2024-02-15T04:45:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1144 1507 2024-02-15T04:45:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1145 1508 2024-02-15T04:45:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1146 1509 2024-02-15T04:45:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1147 1510 2024-02-15T04:45:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1148 1511 2024-02-15T04:45:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1149 1512 2024-02-15T04:45:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1150 1513 2024-02-15T04:45:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1151 1514 2024-02-15T04:45:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1152 1515 2024-02-15T04:45:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1153 1516 2024-02-15T04:46:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1154 1517 2024-02-15T04:46:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1155 1518 2024-02-15T04:46:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1156 1519 2024-02-15T04:46:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1157 1520 2024-02-15T04:46:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1158 1521 2024-02-15T04:46:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1159 1522 2024-02-15T04:46:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1160 1523 2024-02-15T04:46:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1161 1524 2024-02-15T04:46:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1162 1525 2024-02-15T04:46:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1163 1526 2024-02-15T04:46:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1164 1527 2024-02-15T04:46:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1165 1528 2024-02-15T04:46:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1166 1529 2024-02-15T04:46:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1167 1530 2024-02-15T04:46:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1168 1531 2024-02-15T04:46:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1169 1532 2024-02-15T04:46:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1170 1533 2024-02-15T04:46:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1171 1534 2024-02-15T04:46:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1172 1535 2024-02-15T04:46:21Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1173 1536 2024-02-15T04:46:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1174 1537 2024-02-15T04:46:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1175 1538 2024-02-15T04:46:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1176 1539 2024-02-15T04:46:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1177 1540 2024-02-15T04:46:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1178 1541 2024-02-15T04:46:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1179 1542 2024-02-15T04:46:30Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1180 1543 2024-02-15T04:46:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1181 1544 2024-02-15T04:46:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1182 1545 2024-02-15T04:46:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1183 1546 2024-02-15T04:46:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1184 1547 2024-02-15T04:46:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1185 1548 2024-02-15T04:46:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1186 1549 2024-02-15T04:46:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1187 1550 2024-02-15T04:46:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1188 1551 2024-02-15T04:46:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1189 1552 2024-02-15T04:46:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1190 1553 2024-02-15T04:46:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1191 1554 2024-02-15T04:46:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1192 1555 2024-02-15T04:46:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1193 1556 2024-02-15T04:46:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1194 1557 2024-02-15T04:46:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1195 1558 2024-02-15T04:46:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1196 1559 2024-02-15T04:46:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1197 1560 2024-02-15T04:46:49Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1198 1561 2024-02-15T04:46:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1199 1562 2024-02-15T04:46:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1200 1563 2024-02-15T04:46:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1201 1564 2024-02-15T04:46:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1202 1565 2024-02-15T04:46:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1203 1566 2024-02-15T04:46:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1204 1567 2024-02-15T04:46:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1205 1568 2024-02-15T04:46:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1206 1569 2024-02-15T04:46:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1207 1570 2024-02-15T04:46:59Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1208 1571 2024-02-15T04:47:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1209 1572 2024-02-15T04:47:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1210 1573 2024-02-15T04:47:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1211 1574 2024-02-15T04:47:04Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1212 1575 2024-02-15T04:47:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1213 1576 2024-02-15T04:47:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1214 1577 2024-02-15T04:47:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1215 1578 2024-02-15T04:47:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1216 1579 2024-02-15T04:47:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1217 1580 2024-02-15T04:47:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1218 1581 2024-02-15T04:47:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1219 1582 2024-02-15T04:47:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1220 1583 2024-02-15T04:47:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1221 1584 2024-02-15T04:47:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1222 1585 2024-02-15T04:47:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1223 1586 2024-02-15T04:47:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1224 1587 2024-02-15T04:47:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1225 1588 2024-02-15T04:47:17Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1226 1589 2024-02-15T04:47:18Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1227 1590 2024-02-15T04:47:20Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1228 1591 2024-02-15T04:47:22Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1229 1592 2024-02-15T04:47:23Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1230 1593 2024-02-15T04:47:24Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1231 1594 2024-02-15T04:47:25Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1232 1595 2024-02-15T04:47:26Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1233 1596 2024-02-15T04:47:27Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1234 1597 2024-02-15T04:47:28Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1235 1598 2024-02-15T04:47:29Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1236 1599 2024-02-15T04:47:31Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1237 1600 2024-02-15T04:47:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1238 1601 2024-02-15T04:47:32Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1239 1602 2024-02-15T04:47:33Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1240 1603 2024-02-15T04:47:34Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1241 1604 2024-02-15T04:47:35Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1242 1605 2024-02-15T04:47:36Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1243 1606 2024-02-15T04:47:37Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1244 1607 2024-02-15T04:47:38Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1245 1608 2024-02-15T04:47:39Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1246 1609 2024-02-15T04:47:40Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1247 1610 2024-02-15T04:47:41Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1248 1611 2024-02-15T04:47:42Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1249 1612 2024-02-15T04:47:43Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1250 1613 2024-02-15T04:47:44Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1251 1614 2024-02-15T04:47:45Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1252 1615 2024-02-15T04:47:46Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1253 1616 2024-02-15T04:47:47Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1254 1617 2024-02-15T04:47:48Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1255 1618 2024-02-15T04:47:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1256 1619 2024-02-15T04:47:50Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1257 1620 2024-02-15T04:47:51Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1258 1621 2024-02-15T04:47:52Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1259 1622 2024-02-15T04:47:53Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1260 1623 2024-02-15T04:47:54Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1261 1624 2024-02-15T04:47:55Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1262 1625 2024-02-15T04:47:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1263 1626 2024-02-15T04:47:56Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1264 1627 2024-02-15T04:47:57Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1265 1628 2024-02-15T04:47:58Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1266 1629 2024-02-15T04:48:00Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1267 1630 2024-02-15T04:48:01Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1268 1631 2024-02-15T04:48:02Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1269 1632 2024-02-15T04:48:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1270 1633 2024-02-15T04:48:03Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1271 1634 2024-02-15T04:48:05Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1272 1635 2024-02-15T04:48:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1273 1636 2024-02-15T04:48:06Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1274 1637 2024-02-15T04:48:07Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1275 1638 2024-02-15T04:48:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1276 1639 2024-02-15T04:48:08Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1277 1640 2024-02-15T04:48:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1278 1641 2024-02-15T04:48:09Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1279 1642 2024-02-15T04:48:10Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1280 1643 2024-02-15T04:48:11Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1281 1644 2024-02-15T04:48:12Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1282 1645 2024-02-15T04:48:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1283 1646 2024-02-15T04:48:13Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1284 1647 2024-02-15T04:48:14Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1285 1648 2024-02-15T04:48:15Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 6 1286 1649 2024-02-15T04:48:16Z Pcj 1919 imported from bilibili wiki wikitext text/x-wiki imported from bilibili wiki bc6963e2ddfd33e40084d16bd5557e8a1873cc00 14 1287 1650 2024-02-16T15:25:30Z Westgrass 40 init wikitext text/x-wiki This is the root category for everything on The {{SITENAME}}. eaccd6ba79f8609ec20cb92a31a9468a40c7bfae 0 26 1651 672 2024-02-16T15:25:36Z Westgrass 40 Protected "[[River Town Factory Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--页面开始--> __NOTOC__ <div class="container main"> <div class="row"> <!--以上3行必须存在请不要删减--> <!--以下开始是左侧8列的内容--> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"> <!--轮播图开始--> <div id=biliCarousel1 class="carousel slide big-carousel" data-ride=carousel data-interval=5000 style="padding:0px"> <div class="carousel-inner"> <div class="item active">[[File:wikibanner_english.png]]</div><!--默认第1帧--> </div> <ol class="carousel-indicators"> <li data-target=#biliCarousel1 data-slide-to=0></li><!--默认第1帧--> <li data-target=#biliCarousel1 data-slide-to=1></li><!--第2帧--> </ol> </div> <!--轮播图结束--> {{Common Functions}} {{Game Guide}} <!--在左侧8列中再分出2列--> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> <!--链接块1开始--> <div class="game-introduction" style="margin-bottom:40px"> </div> <!--链接块1结束--> </div> <!--在左侧8列中再分出2列--> </div> </div> <!--左侧8列的内容结束--> <!--以下开始是右侧4列的内容--> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4"> <!--链接块1开始--> <!--div class="sidebar-card" style="margin:0 0 20px 0"> <div class="bili-divider"></div> </div> <!--链接块1结束--> <!--关于WIKI开始--> <div class="sidebar-card" style="margin:0 0 20px 0"> <!--div class="bili-title-h2">欢迎大家来到江城创业记WIKI--> <span class="sidebar-content"> {{板块|开始|标题='''NOTICE'''|CSS=box-4}} {{板块|内容开始}} {{板块|二级标题|标题=News}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] {{板块|二级标题|标题=Update log}} <!--内容部分：开始--> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <span class="sidebar-content"> {{板块|开始|标题=ABOUT WIKI|CSS=BOX-4}} {{板块|内容开始}} {{板块|二级标题|标题= }} <!--内容部分：开始--> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. {{板块|二级标题|标题=Contect us}} <!--内容部分：开始--> xb@cedong.com.cn {{板块|二级标题|标题=Links}} <!--内容部分：开始--> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] {{板块|内容结束}} {{板块|结束}} </span> <div class="bili-divider"></div> <div class="row"><bilicontributors>107654333</bilicontributors></div> </div> <!--关于WIKI结束--> </div> <!--右侧4列的内容结束--> </div> </div> <!--页面结束--> 4e5469acfd844f67f55503bb5f9810f877781893 8 1288 1652 2024-02-16T15:25:41Z Westgrass 40 init javascript text/javascript mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript' ).then(function(){ //////////////////////////////////////////////////////////////////////////////// $('<div class="menu-toggle"/>').insertAfter($('#p-logo')).on("click", function(event){ event.stopPropagation(); $(this).toggleClass('expanded'); }); //////////////////////////////////////////////////////////////////////////////// /*end of mw.loader.getScript().then callback*/ }); 60b6d7c2f3fbd37763cf37577fcf53e36c6cb15d 10 1289 1653 2024-02-16T15:25:50Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div style="border: 1px solid var(--theme-border-accent) padding: 5px; display: flex;"> {{License/{{{1|nolicense}}}}}{{#if:{{{source|}}}|<div>Source:&nbsp;{{{source|}}}</div>}} </div> </includeonly> <noinclude>{{documentation}}</noinclude> c16a822de118666bde2231909baa3239c25e16b8 1654 1653 2024-02-16T15:25:54Z Westgrass 40 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div style="border: 1px solid var(--theme-border-accent) padding: 5px; display: flex;"> {{License/{{{1|nolicense}}}}}{{#if:{{{source|}}}|<div>Source:&nbsp;{{{source|}}}</div>}} </div> </includeonly> <noinclude>{{documentation}}</noinclude> c16a822de118666bde2231909baa3239c25e16b8 10 1290 1655 2024-02-16T15:26:00Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]</div> <div>This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 8069f8bb141c87273ec4101c1043b5ebda7f788f 1656 1655 2024-02-16T15:26:07Z Westgrass 40 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]</div> <div>This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 8069f8bb141c87273ec4101c1043b5ebda7f788f 10 1291 1657 2024-02-16T15:26:13Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ea0a9e3d46ba08c4fc31750a92bd1000046c3b37 10 1291 1658 1657 2024-02-16T15:26:18Z Westgrass 40 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ea0a9e3d46ba08c4fc31750a92bd1000046c3b37 10 1292 1659 2024-02-16T15:26:23Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 34141db8517bdc0dcec13dad55e1a4b76778b038 1660 1659 2024-02-16T15:26:28Z Westgrass 40 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 34141db8517bdc0dcec13dad55e1a4b76778b038 10 1293 1661 2024-02-16T15:26:34Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 1b70c35de443490cae40bd3375108d2c0b931705 1662 1661 2024-02-16T15:26:38Z Westgrass 40 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 1b70c35de443490cae40bd3375108d2c0b931705 10 1294 1663 2024-02-16T15:26:45Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> f9b4fa878dcfec21a01a7ce346c46eddf2f66f42 1664 1663 2024-02-16T15:26:49Z Westgrass 40 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> f9b4fa878dcfec21a01a7ce346c46eddf2f66f42 10 1295 1665 2024-02-16T15:26:55Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f75f45e0ceff1c07d2368f2ec75494cce86b567 1666 1665 2024-02-16T15:26:59Z Westgrass 40 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]</div> <div>This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f75f45e0ceff1c07d2368f2ec75494cce86b567 10 1296 1667 2024-02-16T15:27:07Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-PD.svg|x50px|link=|Public Domain]]</div> <div>This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ffd7439180f2c581fc09906bc9f1714c0952a864 1668 1667 2024-02-16T15:27:11Z Westgrass 40 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-PD.svg|x50px|link=|Public Domain]]</div> <div>This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ffd7439180f2c581fc09906bc9f1714c0952a864 10 1297 1669 2024-02-16T15:27:18Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]</div> <div>This file is under the Creative Commons Some Rights Reserved License.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> cd49dbdaf1d4290117a115931288884ac9b62a46 1670 1669 2024-02-16T15:27:22Z Westgrass 40 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]</div> <div>This file is under the Creative Commons Some Rights Reserved License.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> cd49dbdaf1d4290117a115931288884ac9b62a46 10 1298 1671 2024-02-16T15:27:28Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]</div> <div>This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> f3fd76302622675395a422cf984a2f7ea93d151f 1672 1671 2024-02-16T15:27:32Z Westgrass 40 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]</div> <div>This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> f3fd76302622675395a422cf984a2f7ea93d151f 10 1299 1673 2024-02-16T15:27:38Z Westgrass 40 init wikitext text/x-wiki #REDIRECT [[Template:License/fairuse]] a42c85d61fbfdfbdfdaf2ff6f9b80994b2f6ddb3 1674 1673 2024-02-16T15:27:43Z Westgrass 40 Protected "[[Template:License/Fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki #REDIRECT [[Template:License/fairuse]] a42c85d61fbfdfbdfdaf2ff6f9b80994b2f6ddb3 10 1300 1675 2024-02-16T15:27:48Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]</div> <div>This file is owned by iFAction Studio and/or its licensors, and is licensed under the iFAction Studio [[MediaWiki:Terms of Use|Terms of Use]].<br/> All trademarks and registered trademarks present in the file are proprietary to iFAction Studio and/or its licensors. </div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 8d49ffd6fd3c538cebdcbc04edfcd08aa3d72834 1676 1675 2024-02-16T15:27:53Z Westgrass 40 Protected "[[Template:License/iFAction Studio]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]</div> <div>This file is owned by iFAction Studio and/or its licensors, and is licensed under the iFAction Studio [[MediaWiki:Terms of Use|Terms of Use]].<br/> All trademarks and registered trademarks present in the file are proprietary to iFAction Studio and/or its licensors. </div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 8d49ffd6fd3c538cebdcbc04edfcd08aa3d72834 10 1301 1677 2024-02-16T15:27:59Z Westgrass 40 init wikitext text/x-wiki This template is to be used in a Licensing heading on file pages to denote the file's license. '''All acceptable first parameter examples:''' <nowiki>{{License|iFAction Studio}}</nowiki> {{License|iFAction Studio}} <nowiki>{{License|Fairuse}}</nowiki> {{License|Fairuse}} <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|iFAction Studio|source=https://wiki.gg/}}</nowiki> {{License|iFAction Studio|source=https://wiki.gg/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude> [[Category:Template documentation]] </noinclude> b01d7210f3a5e746e9f8528c1b91dbd31b2a816a 1678 1677 2024-02-16T15:28:04Z Westgrass 40 Protected "[[Template:License/doc]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki This template is to be used in a Licensing heading on file pages to denote the file's license. '''All acceptable first parameter examples:''' <nowiki>{{License|iFAction Studio}}</nowiki> {{License|iFAction Studio}} <nowiki>{{License|Fairuse}}</nowiki> {{License|Fairuse}} <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|iFAction Studio|source=https://wiki.gg/}}</nowiki> {{License|iFAction Studio|source=https://wiki.gg/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude> [[Category:Template documentation]] </noinclude> b01d7210f3a5e746e9f8528c1b91dbd31b2a816a 10 1302 1679 2024-02-16T15:28:11Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]</div> <div>This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].<br/> </div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> a65683c6dedb8a7e7a7cace39dfa957345d1325c 1681 1679 2024-02-16T15:28:15Z Westgrass 40 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]</div> <div>This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].<br/> </div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> a65683c6dedb8a7e7a7cace39dfa957345d1325c 6 1303 1680 2024-02-16T15:28:13Z Westgrass 40 wikitext text/x-wiki == Summary == aee54763e3613b1654e1226aaca8ce2015236f56 10 1304 1682 2024-02-16T15:28:22Z Westgrass 40 init wikitext text/x-wiki <includeonly> <div>[[File:Warning-red.svg|50px|link=|No License has been selected.]]</div> <div>Please select the proper License for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> e5aed440bcde4a2d7633edef8640c90228fc24a6 1683 1682 2024-02-16T15:28:27Z Westgrass 40 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly> <div>[[File:Warning-red.svg|50px|link=|No License has been selected.]]</div> <div>Please select the proper License for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details.</div> </includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> e5aed440bcde4a2d7633edef8640c90228fc24a6 8 1305 1684 2024-02-16T15:28:34Z Westgrass 40 init wikitext text/x-wiki == default-gadgets == * previewTab[ResourceLoader|default|dependencies=mediawiki.api|type=general]|previewTab.js|previewTab.css * linkPurge[ResourceLoader|default|type=general]|linkPurge.js * UserProfile[ResourceLoader|default|dependencies=mediawiki.api|rights=edit]|UserProfile.js|UserProfile.css * multiupload[ResourceLoader|default]|multiupload.js 3186863480deb150cde83ce3d2d146cd5aa3b2bb 8 1306 1685 2024-02-16T15:28:39Z Westgrass 40 init wikitext text/x-wiki Default Gadgets 6fc7468a16c085a721b999b2fb8835a90bdc4b5f 8 1307 1686 2024-02-16T15:28:43Z Westgrass 40 init wikitext text/x-wiki Preview Tab: <abbr title="This gadget is enabled by default."><i>Default gadget</i></abbr>. Re-adds the Wikitext/Preview/Changes tabs to editor that were removed in the MediaWiki 1.31 upgrade. 74a761f21ba4349a91d6e2cc5b66a80dec16cd93 8 1308 1687 2024-02-16T15:28:48Z Westgrass 40 init javascript text/javascript /* v1.2, By Westgrass https://terraria.wiki.gg/User:Westgrass */ $(document).ready(function (){ if(((mw.config.get('wgAction') != 'edit')&&(mw.config.get('wgAction') != 'submit'))||(mw.config.get('wgPageContentModel')) != 'wikitext'){ return; } //localization. var $text_wikitext = { 'en': 'Wikitext', 'de': 'Wikitext', 'fr': 'Wikitexte', 'pt': 'Wikitexto', 'pt-br': 'Wikitexto', 'zh': '维基文本', 'zh-cn': '维基文本' } var $text_preview = { 'en': 'Preview', 'de': 'Vorschau', 'fr': 'Prévisualiser', 'pt': 'Antever', 'pt-br': 'Pré-visualizar', 'zh': '预览', 'zh-cn': '预览' } var $text_changes = { 'en': 'Changes', 'de': 'Änderungen', 'fr': 'Modifications', 'pt': 'Alteraçãos', 'pt-br': 'Alterações', 'zh': '差异', 'zh-cn': '差异' } var $text_nochanges = { 'en': 'No change', 'de': 'Keine Änderungen', 'fr': 'Aucune modification', 'pt': 'Nenhuma alteração', 'pt-br': 'Nenhuma alteração', 'zh': '无差异', 'zh-cn': '无差异' } $('#editform').before('<div id="wiki-editor-tabs"><div class="wikitext">'+($text_wikitext[mw.config.get( 'wgUserLanguage' )]||'Wikitext')+'</div><div class="preview">'+($text_preview[mw.config.get( 'wgUserLanguage' )]||'Preview')+'</div><div class="changes">'+($text_changes[mw.config.get( 'wgUserLanguage' )]||'Changes')+'</div></div>'); var $wikitext_button = $('#wiki-editor-tabs .wikitext').addClass('current'); var $preview_button = $('#wiki-editor-tabs .preview'); var $changes_button = $('#wiki-editor-tabs .changes'); $('#editform').before('<div id="wiki-editor-tabs-preview"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div><div class="contents"></div></div><div id="wiki-editor-tabs-changes"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div><div class="contents"></div></div>'); var $preview_loading = $('#wiki-editor-tabs-preview > div.sk-fading-circle').first(); var $preview_content = $('#wiki-editor-tabs-preview > div.contents').first(); var $changes_loading = $('#wiki-editor-tabs-changes > div.sk-fading-circle').first(); var $changes_content = $('#wiki-editor-tabs-changes > div.contents').first(); var $preview_api = new mediaWiki.Api(); var $changes_api = new mediaWiki.Api(); mw.loader.using( 'mediawiki.diff.styles' ); $wikitext_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $('.wikiEditor-ui').css('display', 'block'); $('#wiki-editor-tabs-preview').css('display', 'none'); $('#wiki-editor-tabs-changes').css('display', 'none'); $wikitext_button.addClass('current'); $preview_button.removeClass('current'); $changes_button.removeClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty(); }); $preview_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $wikitext_button.removeClass('current'); $preview_button.addClass('current'); $changes_button.removeClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty(); var $editor = $('.wikiEditor-ui'); $editor.css('display', 'none'); $('#wiki-editor-tabs-preview').css('display', 'block').outerHeight($editor.outerHeight()); $('#wiki-editor-tabs-changes').css('display', 'none'); var wikitext = $('#wpTextbox1').val(); $preview_api.post( { formatversion: 2, action: 'parse', title: mw.config.get( 'wgPageName' ), text: wikitext, pst: '', prop: 'text|modules|jsconfigvars', preview: true, disableeditsection: true, useskin: mw.config.get( 'skin' ), uselang: mw.config.get( 'wgUserLanguage' ) } ).done( function ( data ) { var loadmodules, $content; if ( !data.parse || !data.parse.text ) { return; } if ( data.parse.jsconfigvars ) { mw.config.set( data.parse.jsconfigvars ); } loadmodules = data.parse.modules.concat( data.parse.modulescripts, data.parse.modulestyles ); mw.loader.load( loadmodules ); $content = $preview_content .detach() .html( data.parse.text ); $content.append( '<div class="visualClear"></div>' ) .find( 'a:not([href^="#"])' ) .click( false ); $preview_loading.css('display', 'none'); $('#wiki-editor-tabs-preview').append( $content ); } ); }); $changes_button.on('click', function(){ $preview_api.abort(); $changes_api.abort(); $wikitext_button.removeClass('current'); $preview_button.removeClass('current'); $changes_button.addClass('current'); $preview_loading.css('display', 'block'); $preview_content.empty(); $changes_loading.css('display', 'block'); $changes_content.empty().html( '<table class="diff"><col class="diff-marker"/><col class="diff-content"/>' + '<col class="diff-marker"/><col class="diff-content"/><tbody/></table>' ); var $editor = $('.wikiEditor-ui'); $editor.css('display', 'none'); $('#wiki-editor-tabs-preview').css('display', 'none'); $('#wiki-editor-tabs-changes').css('display', 'block').outerHeight($editor.outerHeight()); mw.loader.using( 'mediawiki.diff.styles' ); var wikitext = $('#wpTextbox1').val(); var section = $( '[name="wpSection"]' ).val(); var postdata = { formatversion: 2, action: 'query', prop: 'revisions', titles: mw.config.get( 'wgPageName' ), rvdifftotext: wikitext, rvdifftotextpst: true, rvprop: '', rvsection: section === '' ? undefined : section }; $changes_api.post(postdata).done( function ( postResult ) { var diff; try { diff = postResult.query.pages[ 0 ] .revisions[ 0 ].diff.body; if (diff){ $changes_content.find( 'table.diff tbody' ) .html( diff ) .append( '<div class="visualClear"></div>' ); } else{ $changes_content.html( '<p style="text-align:center; font-style: italic;" class="note-text">('+($text_nochanges[mw.config.get( 'wgUserLanguage' )]||'No change')+')</p>' ) .append( '<div class="visualClear"></div>' ); } $changes_loading.css('display', 'none'); } catch ( e ) { // "data.blah is undefined" error, ignore } } ); }); }); d501df8885ff0d8741111b92c4090cd019961e93 8 1309 1688 2024-02-16T15:28:52Z Westgrass 40 init css text/css #wiki-editor-tabs{ z-index: 10; position: relative; clear: both; } #wiki-editor-tabs div{ background: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); padding: 0.5em 1em; display: inline-block; cursor: pointer; margin-right: -1px; margin-bottom: -1px; color: var(--theme-link-color); } #wiki-editor-tabs div.current{ background: var(--theme-page-background-color); border-bottom-color: var(--theme-page-background-color); color: var(--theme-page-text-color); } #wiki-editor-tabs-preview,#wiki-editor-tabs-changes{ border: 1px solid var(--theme-border-color); padding: 1em; z-index: 1; overflow: auto; display: none; } #editform{ z-index: 1; } /* from SpinKit: http://tobiasahlin.com/spinkit/ */ .sk-fading-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--theme-page-text-color); border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } 311c19f960153e080b7e390acc9dc9a5d16d6a9e 8 1310 1689 2024-02-16T15:28:58Z Westgrass 40 init wikitext text/x-wiki Purge Link: <abbr title="This gadget is enabled by default."><i>Default gadget</i></abbr>. Adds a "Purge" link to the top of each page. When clicked, the server cache of the current page is cleared and refreshed. 4a25a321a8f17160dc4dafee99f56d7ba3ae4333 8 1311 1690 2024-02-16T15:29:03Z Westgrass 40 init javascript text/javascript var l10n = (function(){ var $text = { 'buttonlabel': { 'en': 'Purge', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', 'zh': '刷新缓存' }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', 'zh': '刷新此页面的服务器缓存' } } var $lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return $text[key] && ($text[key][$lang] || $text[key]['en']) || ''; } })(); $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); 0f4d94767dd91f6b4a1a4c7f532b65748091aed7 8 1312 1691 2024-02-16T15:29:07Z Westgrass 40 init wikitext text/x-wiki Preview Tab: <abbr title="This gadget is enabled by default."><i>Default gadget</i></abbr>. Add some function to user profile page. 2fb4dab0a4aba6ee1256cb3dda11643f892e18c0 8 1313 1692 2024-02-16T15:29:12Z Westgrass 40 init javascript text/javascript mw.loader.using( [ 'mediawiki.api' ] ).done( function () { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username ) { const allUsergroupsOrdered = []; const dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); api.get( { action: 'query', list: 'users', ususers: username, usprop: [ 'groups', 'editcount', 'registration', 'blockinfo' ] } ).done( function(data) { var user = data.query.users[0]; user.groups.splice(user.groups.indexOf('*'), 1); var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); var text = '<div class="horse-userprofile-info">'; text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; text += '\n\n</div>'; if ( user.blockid && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(user.blockedtimestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(user.blockexpiry) ) { var expiry = new Date(user.blockexpiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+user.blockedby+'|'+user.blockedby+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+user.blockedby+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+user.blockedby+'|{{int:contribslink}}]]</span></span>|'+user.blockedby+'|[[User:'+username+'|'+username+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+username+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+username+'|{{int:contribslink}}]]</span></span>|'+username+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+user.blockreason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+$('#contentSub').attr('dir'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } ); } } ); ce7d71d15f0855c5ffc2a2aead36e99da7cd64e2 8 1314 1693 2024-02-16T15:29:16Z Westgrass 40 init css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: var(--font-size); color: var(--theme-text-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 57f9280a5451e127405bcc5b42272996a2bf94b8 8 1315 1694 2024-02-16T15:29:20Z Westgrass 40 init wikitext text/x-wiki Allows multiple file upload through [[Special:Upload]] c18d8757cec3234759babf2850b02905a6a4bdaa 8 1316 1695 2024-02-16T15:29:26Z Westgrass 40 init javascript text/javascript mw.loader.using(['site']).then(function() { i18n = { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "License", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." }; if (mw.config.get("wgCanonicalSpecialPageName")!=="Upload") return; $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+i18n.multiupload+'</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+i18n.yes+'" /> '+i18n.yes+'</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+i18n.no+'" checked="" /> '+i18n.no+'</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">'+i18n.sourcefiles+'</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); $("span.mw-htmlform-submit-buttons").append('<input type="button" value="'+i18n.uploadfiles+'" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function(){ if (this.value===i18n.yes) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { files = $("#multiupload")[0].files; if (files.length === 0) { alert(i18n.nofiles); return false; } if ($("#wpLicense option:selected").val() === "") { alert(i18n.nolicense); return false; } summary = $("#wpUploadDescription").val(); if (summary !== "") summary = "== "+i18n.summary+" ==\n"+summary; license = "== "+i18n.license+" ==\n"+$("#wpLicense option:selected").prop("title"); text = summary + "\n" + license; watch = "preferences"; if ($("#wpWatchthis").is(":checked")) watch = "watch"; else watch = "nochange"; curFile = 0; $("#firstHeading").text(i18n.uploading); $("#mw-content-text").html("<h3>"+i18n.uploaded+"</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>"+i18n.failed+"</h3><ul></ul></div>"); function gNF() { if(curFile>files.length) { $("#mw-content-text").append("<h3>"+i18n.done+"</h3>"); return; } if(files[curFile] === undefined) { curFile++; gNF(); return; } $.ajax({url:'/api.php',data:{action:'query',meta:'tokens',format:'json'},dataType:'json'}).done(function(data) { fd = new FormData(); fd.append("action","upload"); fd.append("token",data.query.tokens.csrftoken); fd.append("filename",files[curFile].name); fd.append("file",files[curFile]); fd.append("text",text); fd.append("watchlist",watch); fd.append("ignorewarnings",1); fd.append("format","json"); $.ajax({ url:'/api.php', method:'POST', data:fd, cache:false, contentType:false, processData:false, type:'POST' }).done(function(d){ if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="'+d.upload.imageinfo.descriptionurl+'" target="_blank">'+d.upload.filename+'</a></li>'); } else { $("#multiUploadFailed ul").append('<li>'+files[curFile].name+'</li>'); $("#multiUploadFailed").show(); } curFile++; gNF(); }).fail(function(d) { $("#multiUploadFailed ul").append('<li>'+files[curFile].name+'</li>'); $("#multiUploadFailed").show(); curFile++; gNF(); }); }); } gNF(); }); }); bbee7e49b69c0291c720b7adb6ca3d7d45672384 6 1317 1696 2024-02-16T15:31:26Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 6 1318 1697 2024-02-16T15:35:25Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 1319 1698 2024-02-16T16:04:09Z Westgrass 40 Created page with "/*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre {..." css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) + var(--layout-box-gap) * 2); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: var(--layout-box-gap); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 508bdb5e5ff8f2a5501a4c2765bc43e08d56cad3 1699 1698 2024-02-16T16:16:23Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: var(--layout-box-gap); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } f0749af0e14b1e54ca66d33ecfa1f4b2a029aad3 1700 1699 2024-02-16T16:17:29Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 886f938ef25601bcc24fc7661d30c5e58c87022d 1701 1700 2024-02-16T16:18:11Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 123396f29db624bcff2c337cf238d7f2eea956c7 1702 1701 2024-02-16T16:25:42Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 559548e1323335b34dc1ea626133f6106a0e282f 1705 1702 2024-02-16T16:58:45Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 12px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1740px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 30 114 42 48 fill; border-image-width: 30px 114px 42px 48px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 2b39a0454abdb2ee2f0b4dedf5578d527ac6fd15 1707 1705 2024-02-16T17:02:07Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 30 114 42 48 fill; border-image-width: 30px 114px 42px 48px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 0666b91b8393905636891b0868a272e6bf89456f 6 1320 1703 2024-02-16T16:49:03Z Westgrass 40 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 1704 1703 2024-02-16T16:55:54Z Westgrass 40 Westgrass uploaded a new version of [[File:Box.png]] wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 1706 1704 2024-02-16T17:01:29Z Westgrass 40 Westgrass uploaded a new version of [[File:Box.png]] wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 1319 1708 1707 2024-02-16T17:02:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 30 114 42 48 fill; border-image-width: 30px 114px 42px 48px; border-image-outset: 5px 7px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } a5ffc6a40bf0269e95462f4f0072dccc7f3fc892 1709 1708 2024-02-16T17:04:04Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 30 114 42 48 fill; border-image-width: 30px 114px 42px 48px; border-image-outset: 7px 5px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 1430b6bdbd70b937eec92b76dedb3806d5f5525d 1710 1709 2024-02-16T17:23:50Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #511e00; --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #088488; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.5); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } b45f7518ebc725c2ad4237ddde2dc291d1e2113a 1712 1710 2024-02-16T17:29:08Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #ffdd7a; --theme-highlight-background: rgba(97, 30, 0, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } ddea6c9f5e9235a9e2bceed98aa819aac87e1030 1713 1712 2024-02-16T17:29:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 2165549db74d85240bfc8a28ba56d1354d6d468c 1714 1713 2024-02-16T17:30:28Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 20px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1780px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { background: none; box-sizing: border-box; border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } caf2bd5a932d8f054a1e8487fd757c63f3b1ac5c 1715 1714 2024-02-16T17:32:01Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 4px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } e8defeed95bf20567e97f03d3a81aee37fc7e426 1716 1715 2024-02-16T17:32:49Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.8); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 2b51bd6d7f8c0ca0796c1e9568ef6fc6ffb6a7c9 1717 1716 2024-02-16T17:33:36Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.8); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.25); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 5f58ae5ee0dae8dbc82e8fca1f7fa9c89e69b06d 1718 1717 2024-02-16T17:34:17Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.8); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.2); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 6468f47e3c635dc26da8d887776a3d328c511d7a 1719 1718 2024-02-16T17:35:03Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.75); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.8); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: auto; left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: calc(0px - var(--layout-logo-height) * 0.2); display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } e709d86e08d71f8a954716f3d46ee11cd4b26a79 1720 1719 2024-02-16T17:38:51Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.75); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.8); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } e6bdb11458757a6ff90377730e972fea547e16b1 1721 1720 2024-02-16T17:40:16Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 0ca3d8ef0042e01f379ee349208298607bd7e316 1722 1721 2024-02-16T17:41:24Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.5; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } ee45d3922322ccd2de763b81fd77fbe0531d7b67 1723 1722 2024-02-16T17:43:00Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 5da911ae7dbf1263159b38cda118fffe34234e16 1725 1723 2024-02-16T17:48:06Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 88bbd5b2135cf71080294015f25a1d9a4dbef442 1726 1725 2024-02-16T17:49:46Z Westgrass 40 Undo revision 1725 by [[Special:Contributions/Westgrass|Westgrass]] ([[User talk:Westgrass|talk]]) css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ #mw-panel { flex-wrap: wrap; } #mw-panel .portal { backdrop-filter: none; position: unset; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading { white-space: nowrap; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); justify-content: center; } #mw-panel .portal .body li a { display: block; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(36px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 5da911ae7dbf1263159b38cda118fffe34234e16 1727 1726 2024-02-16T17:53:20Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { flex-wrap: wrap; box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } fe5d91224f069bfb0ed2ea22ce83e43d52822fe7 1728 1727 2024-02-16T17:54:04Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { flex-wrap: wrap; box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 2b2e1fa0ac36295a6732771b61cd8c21198e0fa9 1729 1728 2024-02-16T17:54:53Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-44px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 767e2497225026cc6d27e1e5f64d20da10330601 1730 1729 2024-02-16T17:55:11Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 4bfccca688ea385aeacdeef87af425674a01385a 1731 1730 2024-02-16T17:57:06Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } /* re-style navbar */ } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } f04149a2de45af2b9a8c345fbeb9521c895a33e9 1732 1731 2024-02-16T17:59:27Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } f39a3e6dfc860287b4d82e3af92825a0a62415d8 1737 1732 2024-02-16T18:33:36Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.75); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, 13em); gap: 1em; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 427fbf8816d16a41b8aa2a8181b603fc546b60d5 1738 1737 2024-02-16T18:34:33Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, 13em); gap: 1em; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } dae35dcc24c5c73bf0ed846f6808ae9018957f69 1739 1738 2024-02-16T18:35:10Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, 13em); gap: 1em; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } ed53181550828b8a8f7a7066753fa460f253d90e 1740 1739 2024-02-16T18:36:33Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 66ba789739856586020c68511faadedfe74b58e9 1741 1740 2024-02-16T18:38:25Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 6e88205ba28cd65291b74edeb48f9430eab97b19 1742 1741 2024-02-16T18:39:46Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; gap: 1em; align-items: center; } #mainpage-wrap .box.common ul { grid-template-columns: repeat(auto-fill, auto); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 1dd6f0fec93dfb916644a71ed97f02bd619466dc 1743 1742 2024-02-16T18:40:11Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; gap: 1em; align-items: center; } #mainpage-wrap .box.common ul { grid-template-columns: repeat(auto-fill, max-content); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 79f0c9b7e355cb5e8fbf1b4c9179bcb67fe545a1 1744 1743 2024-02-16T18:40:53Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; gap: 1em; align-items: center; } #mainpage-wrap .box.common ul { grid-template-columns: repeat(auto-fill, max-content); } #mainpage-wrap .box.guide ul { grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 5bf35a1aeeb7b5e16f86eab11172c485572b4362 1745 1744 2024-02-16T18:41:15Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; gap: 1em; align-items: center; } #mainpage-wrap .box.common ul { grid-template-columns: repeat(auto-fill, min-content); } #mainpage-wrap .box.guide ul { grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 53b9e41ac372cf6addcf1fe4564aaf8eaa9b3246 1746 1745 2024-02-16T18:41:36Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul, #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; gap: 1em; align-items: center; } #mainpage-wrap .box.common ul { grid-template-columns: repeat(auto-fill, 0fr); } #mainpage-wrap .box.guide ul { grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 635d4637b5edbf98412938945a980c71b733d392 1747 1746 2024-02-16T18:44:52Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; gap: 2em; flex-wrap: wrap; justify-content: center; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 62f7573fa3748c3f7be750fce97811da79d1c71f 1748 1747 2024-02-16T18:46:09Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } c0f56295b71dc5422b9e4bd568550e68796f1258 1749 1748 2024-02-16T18:46:54Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 47ecf8cddb9434624e5811f629be0a2b5d3a0bf3 1750 1749 2024-02-16T18:51:18Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } a374c3b9090553ba9d1362385c8a18dfa12d9fee 1751 1750 2024-02-16T18:54:04Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 35c4d815a7617b820e9d3eb962fac066efca0045 1753 1751 2024-02-16T18:55:13Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 3 3 600px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } dc52dc871e8e405f48185ba28ea3ff68dc03a0bb 1754 1753 2024-02-16T18:55:49Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 20px; align-items: stretch; margin-bottom: 20px; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 4 4 600px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 62d48e07b2aa629d930f0d4d576a477aaa763902 1755 1754 2024-02-16T18:58:22Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; } #mainpage-wrap h3 { font-size: 18px; } #mainpage-wrap .content-wrap { display: flex; gap: 20px; align-items: stretch; margin-bottom: 20px; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 4 4 600px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 6px 0 0 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 4b4eafd320e63a53d0d70fbca292cd2308d5fca2 1756 1755 2024-02-16T18:59:51Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1em 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; } #mainpage-wrap h3 { font-size: 18px; } #mainpage-wrap .content-wrap { display: flex; gap: 20px; align-items: stretch; margin-bottom: 20px; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 4 4 600px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 12px 0 0 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } fae28dc7642dd821093e68b2ccf6e3224a080c2d 6 1320 1711 1706 2024-02-16T17:24:57Z Westgrass 40 Westgrass uploaded a new version of [[File:Box.png]] wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 8 1288 1724 1652 2024-02-16T17:45:35Z Westgrass 40 javascript text/javascript mw.loader.getScript( 'https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript' ).then(function(){ //////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////// /*end of mw.loader.getScript().then callback*/ }); $( document ).ready(function(){ $('<div class="menu-toggle"/>').insertAfter($('#p-logo')).on("click", function(event){ event.stopPropagation(); $(this).toggleClass('expanded'); }); }); f3480062877909e90f6ce04e0165722beccf949a 8 1321 1733 2024-02-16T18:01:21Z Westgrass 40 Created page with " * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://www.youtube.com/@ifactionstudio3233 | On YouTube ** https://store.steampowered.com/app/2281410/River_Town_Factory/ | On Steam * SEARCH * TOOLBOX * LANGUAGES" wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://www.youtube.com/@ifactionstudio3233 | On YouTube ** https://store.steampowered.com/app/2281410/River_Town_Factory/ | On Steam * SEARCH * TOOLBOX * LANGUAGES 8e8bb96dd328b84de07fb55072a578e4ac2db085 0 26 1734 1651 2024-02-16T18:14:05Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --><center>[[File:wikibanner_english.png|link=]]</center><!-- --></div><!-- --></div><!-- -->{{Common Functions}}<!-- -->{{Game Guide}}<!-- --></div><!-- --><div class="r"><!-- --><div class="box notice"><!-- --><h2>Notice</h2><!-- --><h3>News</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] <!-- --><h3>Update log</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] <!-- --></div><!-- --><div class="box about"><!-- --><h2>About Wiki</h2><!-- --> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. <!-- --><h3>Contect us</h3><!-- --> xb@cedong.com.cn <!-- --><h3>Links</h3><!-- --> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] <!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 8bf2dc8c78899ebf824add4db18a2b03067a856c 1735 1734 2024-02-16T18:26:14Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --><center>[[File:wikibanner_english.png|link=]]</center><!-- --></div><!-- --></div><!-- --><div class="box common"><!-- --><h2>Common Functions</h2><!-- --> * [[File:wiki2_en.png|120px|center|link=Martial Arts]] * [[File:wiki3_en.png|120px|center|link=River Town]] * [[File:wiki4_en.png|120px|center|link=NPCs]] <!-- --></div><!-- --><div class="box guide"><!-- --><h2>Game Guide</h2><!-- --><h3>Basic Introduction</h3><!-- --> * [[File:hair1.png|32px|link=Character]] [[Character]] * [[File:mouse_b.png|32px|link=Operation]] [[Operation]] * [[File:weather_3.png|32px|link=Time]] [[Time]] * [[File:testBagIcon.png|32px|link=Temporary Bag]] [[Temporary Bag]] * [[File:work_0.png|32px|link=Build]] [[Build]] * [[File:0-3.png|32px|link=Mini Map]] [[Mini Map]] * [[File:buttonOre_0.png|32px|link=Resource]] [[Resource]] * [[File:buttonMenu_0.png|32px|link=Menu]] [[Menu]] * [[File:buttonTask_0.png|32px|link=Mission]] [[Mission]] * [[File:lock.png|32px|link=Help]] [[Help]] * [[File:2-2.png|32px|link=Portable Lab]] [[Portable Lab]] * [[File:enemy_1609.png|32px|link=NPCs]] [[NPCs]] * [[File:enemy_31.png|32px|link=Enemy]] [[Enemy]] * [[File:4-2longzhou.png|32px|link=Festival]] [[Festival]] * [[File:talent_1.png|32px|link=Talent]] [[Talent]] * [[File:6-6book.png|32px|link=Gallery]] [[Gallery]] * [[File:1-1 T0.png|32px|link=Achievement]] [[Achievement]] <!-- --><h3>Items</h3><!-- --> * [[File:item_57.png|32px|link=Factory output]] [[Factory output]] * [[File:item_3048.png|32px|link=Foods]] [[Foods]] * [[File:item_4050.png|32px|link=Medicine]] [[Medicine]] * [[File:item_1004.png|32px|link=Gather]] [[Gather]] * [[File:item_9004.png|32px|link=Equipment]] [[Equipment]] * [[File:item_4220.png|32px|link=Gain potions]] [[Gain potions]] * [[File:item_904.png|32px|link=Battle gains]] [[Battle gains]] * [[File:item_20001.png|32px|link=Special items]] [[Special items]] <!-- --><h3>Factory</h3><!-- --> * [[File:build_2.png|32px|link=Architect]] [[Architect]] * [[File:check_build_2.png|32px|link=Mode]] [[Mode]] * [[File:0-4.png|32px|link=Vacant Land]] [[Vacant Land]] * [[File:2-5auto.png|32px|link=Building tips]] [[Building tips]] * [[File:tongyong_1.png|32px|link=Recipes]] [[Recipes]] * [[File:build_1302.png|32px|link=Furniture]] [[Furniture]] * [[File:3-5.png|32px|link=Blueprint]] [[Blueprint]] <!-- --><h3>Martial Arts</h3><!-- --> * [[File:gongfuZhu_2.png|32px|link=Martial Arts]] [[Martial Arts]] * [[File:skill_24.png|32px|link=Skill]] [[Skill]] <!-- --><h3>River Town</h3><!-- --> * [[File:江城行会d.png|32px|link=Guild]] [[Guild]] * [[File:铁匠铺d.png|32px|link=Blacksmith]] [[Blacksmith]] * [[File:裁缝铺d.png|32px|link=Tailor Shop]] [[Tailor Shop]] * [[File:江月楼d.png|32px|link=Moonriver Inn]] [[Moonriver Inn]] * [[File:济安堂d.png|32px|link=JiAn Clinic]] [[JiAn Clinic]] * [[File:天工阁d.png|32px|link=DW Museum]] [[DW Museum]] * [[File:通玄棋社d.png|32px|link=Occult Go Club]] [[Occult Go Club]] * [[File:映雪书馆d.png|32px|link=Academy]] [[Academy]] * [[File:徐府d.png|32px|link=Xu's House]] [[Xu's House]] * [[File:赫连常山家d.png|32px|link=Changshan's Hs.]] [[Changshan's Hs.]] * [[File:鲁家d.png|32px|link=Lu's Hs.]] [[Lu's Hs.]] * [[File:孙道一d.png|32px|link=Sun Daoyi's Hs.]] [[Sun Daoyi's Hs.]] * [[File:build_2205.png|32px|link=RT Suburbs]] [[RT Suburbs]] * [[File:characters-183_run.png|32px|link=Mountain Road]] [[Mountain Road]] * [[File:characters-343_stand.png|32px|link=RT Hilltop]] [[RT Hilltop]] * [[File:characters-309_stand.png|32px|link=RT Dock]] [[RT Dock]] * [[File:杂货铺d.png|32px|link=Grocery stall]] [[Grocery stall]] <!-- --><h3>World Map</h3><!-- --> * [[File:shrine.png|32px|link=Oracle Temple]] [[Oracle Temple]] * [[File:wood.png|32px|link=Resource site]] [[Resource site]] * [[File:chaiHouse.png|32px|link=Chai's Villa]] [[Chai's Villa]] * [[File:xiaoHouse.png|32px|link=Xiao's Villa]] [[Xiao's Villa]] * [[File:zongjianPavilion.png|32px|link=SwordWay Sect]] [[SwordWay Sect]] * [[File:yuntaiMountain.png|32px|link=Cloudy Mt.]] [[Cloudy Mt.]] * [[File:village1.png|32px|link=Harvest Vill.]] [[Harvest Vill.]] * [[File:village4.png|32px|link=Global Vill.]] [[Global Vill.]] * [[File:village2.png|32px|link=Whitehead Vill.]] [[Whitehead Vill.]] * [[File:village3.png|32px|link=CeaseWar Vill.]] [[CeaseWar Vill.]] * [[File:remains.png|32px|link=Ruins]] [[Ruins]] * [[File:mountain_1.png|32px|link=Caves]] [[Caves]] * [[File:lighthouse_1.png|32px|link=Lighthouse]] [[Lighthouse]] * [[File:postStation.png|32px|link=Transtation]] [[Transtation]] * [[File:tide.png|32px|link=Beast Tide]] [[Beast Tide]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box notice"><!-- --><h2>Notice</h2><!-- --><h3>News</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] <!-- --><h3>Update log</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] <!-- --></div><!-- --><div class="box about"><!-- --><h2>About Wiki</h2><!-- --> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. <!-- --><h3>Contect us</h3><!-- --> xb@cedong.com.cn <!-- --><h3>Links</h3><!-- --> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] <!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 1b39cc5c7cc50623fb8697ac5f8dee073e4f855a 1736 1735 2024-02-16T18:29:26Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box common"><!-- --><h2>Common Functions</h2><!-- --> * [[File:wiki2_en.png|120px|center|link=Martial Arts]] * [[File:wiki3_en.png|120px|center|link=River Town]] * [[File:wiki4_en.png|120px|center|link=NPCs]] <!-- --></div><!-- --><div class="box guide"><!-- --><h2>Game Guide</h2><!-- --><h3>Basic Introduction</h3><!-- --> * [[File:hair1.png|32px|link=Character]] [[Character]] * [[File:mouse_b.png|32px|link=Operation]] [[Operation]] * [[File:weather_3.png|32px|link=Time]] [[Time]] * [[File:testBagIcon.png|32px|link=Temporary Bag]] [[Temporary Bag]] * [[File:work_0.png|32px|link=Build]] [[Build]] * [[File:0-3.png|32px|link=Mini Map]] [[Mini Map]] * [[File:buttonOre_0.png|32px|link=Resource]] [[Resource]] * [[File:buttonMenu_0.png|32px|link=Menu]] [[Menu]] * [[File:buttonTask_0.png|32px|link=Mission]] [[Mission]] * [[File:lock.png|32px|link=Help]] [[Help]] * [[File:2-2.png|32px|link=Portable Lab]] [[Portable Lab]] * [[File:enemy_1609.png|32px|link=NPCs]] [[NPCs]] * [[File:enemy_31.png|32px|link=Enemy]] [[Enemy]] * [[File:4-2longzhou.png|32px|link=Festival]] [[Festival]] * [[File:talent_1.png|32px|link=Talent]] [[Talent]] * [[File:6-6book.png|32px|link=Gallery]] [[Gallery]] * [[File:1-1 T0.png|32px|link=Achievement]] [[Achievement]] <!-- --><h3>Items</h3><!-- --> * [[File:item_57.png|32px|link=Factory output]] [[Factory output]] * [[File:item_3048.png|32px|link=Foods]] [[Foods]] * [[File:item_4050.png|32px|link=Medicine]] [[Medicine]] * [[File:item_1004.png|32px|link=Gather]] [[Gather]] * [[File:item_9004.png|32px|link=Equipment]] [[Equipment]] * [[File:item_4220.png|32px|link=Gain potions]] [[Gain potions]] * [[File:item_904.png|32px|link=Battle gains]] [[Battle gains]] * [[File:item_20001.png|32px|link=Special items]] [[Special items]] <!-- --><h3>Factory</h3><!-- --> * [[File:build_2.png|32px|link=Architect]] [[Architect]] * [[File:check_build_2.png|32px|link=Mode]] [[Mode]] * [[File:0-4.png|32px|link=Vacant Land]] [[Vacant Land]] * [[File:2-5auto.png|32px|link=Building tips]] [[Building tips]] * [[File:tongyong_1.png|32px|link=Recipes]] [[Recipes]] * [[File:build_1302.png|32px|link=Furniture]] [[Furniture]] * [[File:3-5.png|32px|link=Blueprint]] [[Blueprint]] <!-- --><h3>Martial Arts</h3><!-- --> * [[File:gongfuZhu_2.png|32px|link=Martial Arts]] [[Martial Arts]] * [[File:skill_24.png|32px|link=Skill]] [[Skill]] <!-- --><h3>River Town</h3><!-- --> * [[File:江城行会d.png|32px|link=Guild]] [[Guild]] * [[File:铁匠铺d.png|32px|link=Blacksmith]] [[Blacksmith]] * [[File:裁缝铺d.png|32px|link=Tailor Shop]] [[Tailor Shop]] * [[File:江月楼d.png|32px|link=Moonriver Inn]] [[Moonriver Inn]] * [[File:济安堂d.png|32px|link=JiAn Clinic]] [[JiAn Clinic]] * [[File:天工阁d.png|32px|link=DW Museum]] [[DW Museum]] * [[File:通玄棋社d.png|32px|link=Occult Go Club]] [[Occult Go Club]] * [[File:映雪书馆d.png|32px|link=Academy]] [[Academy]] * [[File:徐府d.png|32px|link=Xu's House]] [[Xu's House]] * [[File:赫连常山家d.png|32px|link=Changshan's Hs.]] [[Changshan's Hs.]] * [[File:鲁家d.png|32px|link=Lu's Hs.]] [[Lu's Hs.]] * [[File:孙道一d.png|32px|link=Sun Daoyi's Hs.]] [[Sun Daoyi's Hs.]] * [[File:build_2205.png|32px|link=RT Suburbs]] [[RT Suburbs]] * [[File:characters-183_run.png|32px|link=Mountain Road]] [[Mountain Road]] * [[File:characters-343_stand.png|32px|link=RT Hilltop]] [[RT Hilltop]] * [[File:characters-309_stand.png|32px|link=RT Dock]] [[RT Dock]] * [[File:杂货铺d.png|32px|link=Grocery stall]] [[Grocery stall]] <!-- --><h3>World Map</h3><!-- --> * [[File:shrine.png|32px|link=Oracle Temple]] [[Oracle Temple]] * [[File:wood.png|32px|link=Resource site]] [[Resource site]] * [[File:chaiHouse.png|32px|link=Chai's Villa]] [[Chai's Villa]] * [[File:xiaoHouse.png|32px|link=Xiao's Villa]] [[Xiao's Villa]] * [[File:zongjianPavilion.png|32px|link=SwordWay Sect]] [[SwordWay Sect]] * [[File:yuntaiMountain.png|32px|link=Cloudy Mt.]] [[Cloudy Mt.]] * [[File:village1.png|32px|link=Harvest Vill.]] [[Harvest Vill.]] * [[File:village4.png|32px|link=Global Vill.]] [[Global Vill.]] * [[File:village2.png|32px|link=Whitehead Vill.]] [[Whitehead Vill.]] * [[File:village3.png|32px|link=CeaseWar Vill.]] [[CeaseWar Vill.]] * [[File:remains.png|32px|link=Ruins]] [[Ruins]] * [[File:mountain_1.png|32px|link=Caves]] [[Caves]] * [[File:lighthouse_1.png|32px|link=Lighthouse]] [[Lighthouse]] * [[File:postStation.png|32px|link=Transtation]] [[Transtation]] * [[File:tide.png|32px|link=Beast Tide]] [[Beast Tide]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box notice"><!-- --><h2>Notice</h2><!-- --><h3>News</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] <!-- --><h3>Update log</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] <!-- --></div><!-- --><div class="box about"><!-- --><h2>About Wiki</h2><!-- --> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. <!-- --><h3>Contect us</h3><!-- --> xb@cedong.com.cn <!-- --><h3>Links</h3><!-- --> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] <!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] 521163766ea279a0ec6d8f60724cbe2c5691b9bd 1752 1736 2024-02-16T18:55:04Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box common"><!-- --><h2>Common Functions</h2><!-- --> * [[File:wiki2_en.png|120px|link=Martial Arts]] * [[File:wiki3_en.png|120px|link=River Town]] * [[File:wiki4_en.png|120px|link=NPCs]] <!-- --></div><!-- --><div class="box guide"><!-- --><h2>Game Guide</h2><!-- --><h3>Basic Introduction</h3><!-- --> * [[File:hair1.png|32px|link=Character]] [[Character]] * [[File:mouse_b.png|32px|link=Operation]] [[Operation]] * [[File:weather_3.png|32px|link=Time]] [[Time]] * [[File:testBagIcon.png|32px|link=Temporary Bag]] [[Temporary Bag]] * [[File:work_0.png|32px|link=Build]] [[Build]] * [[File:0-3.png|32px|link=Mini Map]] [[Mini Map]] * [[File:buttonOre_0.png|32px|link=Resource]] [[Resource]] * [[File:buttonMenu_0.png|32px|link=Menu]] [[Menu]] * [[File:buttonTask_0.png|32px|link=Mission]] [[Mission]] * [[File:lock.png|32px|link=Help]] [[Help]] * [[File:2-2.png|32px|link=Portable Lab]] [[Portable Lab]] * [[File:enemy_1609.png|32px|link=NPCs]] [[NPCs]] * [[File:enemy_31.png|32px|link=Enemy]] [[Enemy]] * [[File:4-2longzhou.png|32px|link=Festival]] [[Festival]] * [[File:talent_1.png|32px|link=Talent]] [[Talent]] * [[File:6-6book.png|32px|link=Gallery]] [[Gallery]] * [[File:1-1 T0.png|32px|link=Achievement]] [[Achievement]] <!-- --><h3>Items</h3><!-- --> * [[File:item_57.png|32px|link=Factory output]] [[Factory output]] * [[File:item_3048.png|32px|link=Foods]] [[Foods]] * [[File:item_4050.png|32px|link=Medicine]] [[Medicine]] * [[File:item_1004.png|32px|link=Gather]] [[Gather]] * [[File:item_9004.png|32px|link=Equipment]] [[Equipment]] * [[File:item_4220.png|32px|link=Gain potions]] [[Gain potions]] * [[File:item_904.png|32px|link=Battle gains]] [[Battle gains]] * [[File:item_20001.png|32px|link=Special items]] [[Special items]] <!-- --><h3>Factory</h3><!-- --> * [[File:build_2.png|32px|link=Architect]] [[Architect]] * [[File:check_build_2.png|32px|link=Mode]] [[Mode]] * [[File:0-4.png|32px|link=Vacant Land]] [[Vacant Land]] * [[File:2-5auto.png|32px|link=Building tips]] [[Building tips]] * [[File:tongyong_1.png|32px|link=Recipes]] [[Recipes]] * [[File:build_1302.png|32px|link=Furniture]] [[Furniture]] * [[File:3-5.png|32px|link=Blueprint]] [[Blueprint]] <!-- --><h3>Martial Arts</h3><!-- --> * [[File:gongfuZhu_2.png|32px|link=Martial Arts]] [[Martial Arts]] * [[File:skill_24.png|32px|link=Skill]] [[Skill]] <!-- --><h3>River Town</h3><!-- --> * [[File:江城行会d.png|32px|link=Guild]] [[Guild]] * [[File:铁匠铺d.png|32px|link=Blacksmith]] [[Blacksmith]] * [[File:裁缝铺d.png|32px|link=Tailor Shop]] [[Tailor Shop]] * [[File:江月楼d.png|32px|link=Moonriver Inn]] [[Moonriver Inn]] * [[File:济安堂d.png|32px|link=JiAn Clinic]] [[JiAn Clinic]] * [[File:天工阁d.png|32px|link=DW Museum]] [[DW Museum]] * [[File:通玄棋社d.png|32px|link=Occult Go Club]] [[Occult Go Club]] * [[File:映雪书馆d.png|32px|link=Academy]] [[Academy]] * [[File:徐府d.png|32px|link=Xu's House]] [[Xu's House]] * [[File:赫连常山家d.png|32px|link=Changshan's Hs.]] [[Changshan's Hs.]] * [[File:鲁家d.png|32px|link=Lu's Hs.]] [[Lu's Hs.]] * [[File:孙道一d.png|32px|link=Sun Daoyi's Hs.]] [[Sun Daoyi's Hs.]] * [[File:build_2205.png|32px|link=RT Suburbs]] [[RT Suburbs]] * [[File:characters-183_run.png|32px|link=Mountain Road]] [[Mountain Road]] * [[File:characters-343_stand.png|32px|link=RT Hilltop]] [[RT Hilltop]] * [[File:characters-309_stand.png|32px|link=RT Dock]] [[RT Dock]] * [[File:杂货铺d.png|32px|link=Grocery stall]] [[Grocery stall]] <!-- --><h3>World Map</h3><!-- --> * [[File:shrine.png|32px|link=Oracle Temple]] [[Oracle Temple]] * [[File:wood.png|32px|link=Resource site]] [[Resource site]] * [[File:chaiHouse.png|32px|link=Chai's Villa]] [[Chai's Villa]] * [[File:xiaoHouse.png|32px|link=Xiao's Villa]] [[Xiao's Villa]] * [[File:zongjianPavilion.png|32px|link=SwordWay Sect]] [[SwordWay Sect]] * [[File:yuntaiMountain.png|32px|link=Cloudy Mt.]] [[Cloudy Mt.]] * [[File:village1.png|32px|link=Harvest Vill.]] [[Harvest Vill.]] * [[File:village4.png|32px|link=Global Vill.]] [[Global Vill.]] * [[File:village2.png|32px|link=Whitehead Vill.]] [[Whitehead Vill.]] * [[File:village3.png|32px|link=CeaseWar Vill.]] [[CeaseWar Vill.]] * [[File:remains.png|32px|link=Ruins]] [[Ruins]] * [[File:mountain_1.png|32px|link=Caves]] [[Caves]] * [[File:lighthouse_1.png|32px|link=Lighthouse]] [[Lighthouse]] * [[File:postStation.png|32px|link=Transtation]] [[Transtation]] * [[File:tide.png|32px|link=Beast Tide]] [[Beast Tide]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box notice"><!-- --><h2>Notice</h2><!-- --><h3>News</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] <!-- --><h3>Update log</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] <!-- --></div><!-- --><div class="box about"><!-- --><h2>About Wiki</h2><!-- --> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. <!-- --><h3>Contect us</h3><!-- --> xb@cedong.com.cn <!-- --><h3>Links</h3><!-- --> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] <!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] f8e6365e46a1e64e4099979fb9436e7326dbf6c6 1757 1752 2024-02-16T19:03:01Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the official '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box common"><!-- --><h2>Common Functions</h2><!-- --> * [[File:wiki2_en.png|120px|link=Martial Arts]] * [[File:wiki3_en.png|120px|link=River Town]] * [[File:wiki4_en.png|120px|link=NPCs]] <!-- --></div><!-- --><div class="box guide"><!-- --><h2>Game Guide</h2><!-- --><h3>Basic Introduction</h3><!-- --> * [[File:hair1.png|32px|link=Character]] [[Character]] * [[File:mouse_b.png|32px|link=Operation]] [[Operation]] * [[File:weather_3.png|32px|link=Time]] [[Time]] * [[File:testBagIcon.png|32px|link=Temporary Bag]] [[Temporary Bag]] * [[File:work_0.png|32px|link=Build]] [[Build]] * [[File:0-3.png|32px|link=Mini Map]] [[Mini Map]] * [[File:buttonOre_0.png|32px|link=Resource]] [[Resource]] * [[File:buttonMenu_0.png|32px|link=Menu]] [[Menu]] * [[File:buttonTask_0.png|32px|link=Mission]] [[Mission]] * [[File:lock.png|32px|link=Help]] [[Help]] * [[File:2-2.png|32px|link=Portable Lab]] [[Portable Lab]] * [[File:enemy_1609.png|32px|link=NPCs]] [[NPCs]] * [[File:enemy_31.png|32px|link=Enemy]] [[Enemy]] * [[File:4-2longzhou.png|32px|link=Festival]] [[Festival]] * [[File:talent_1.png|32px|link=Talent]] [[Talent]] * [[File:6-6book.png|32px|link=Gallery]] [[Gallery]] * [[File:1-1 T0.png|32px|link=Achievement]] [[Achievement]] <!-- --><h3>Items</h3><!-- --> * [[File:item_57.png|32px|link=Factory output]] [[Factory output]] * [[File:item_3048.png|32px|link=Foods]] [[Foods]] * [[File:item_4050.png|32px|link=Medicine]] [[Medicine]] * [[File:item_1004.png|32px|link=Gather]] [[Gather]] * [[File:item_9004.png|32px|link=Equipment]] [[Equipment]] * [[File:item_4220.png|32px|link=Gain potions]] [[Gain potions]] * [[File:item_904.png|32px|link=Battle gains]] [[Battle gains]] * [[File:item_20001.png|32px|link=Special items]] [[Special items]] <!-- --><h3>Factory</h3><!-- --> * [[File:build_2.png|32px|link=Architect]] [[Architect]] * [[File:check_build_2.png|32px|link=Mode]] [[Mode]] * [[File:0-4.png|32px|link=Vacant Land]] [[Vacant Land]] * [[File:2-5auto.png|32px|link=Building tips]] [[Building tips]] * [[File:tongyong_1.png|32px|link=Recipes]] [[Recipes]] * [[File:build_1302.png|32px|link=Furniture]] [[Furniture]] * [[File:3-5.png|32px|link=Blueprint]] [[Blueprint]] <!-- --><h3>Martial Arts</h3><!-- --> * [[File:gongfuZhu_2.png|32px|link=Martial Arts]] [[Martial Arts]] * [[File:skill_24.png|32px|link=Skill]] [[Skill]] <!-- --><h3>River Town</h3><!-- --> * [[File:江城行会d.png|32px|link=Guild]] [[Guild]] * [[File:铁匠铺d.png|32px|link=Blacksmith]] [[Blacksmith]] * [[File:裁缝铺d.png|32px|link=Tailor Shop]] [[Tailor Shop]] * [[File:江月楼d.png|32px|link=Moonriver Inn]] [[Moonriver Inn]] * [[File:济安堂d.png|32px|link=JiAn Clinic]] [[JiAn Clinic]] * [[File:天工阁d.png|32px|link=DW Museum]] [[DW Museum]] * [[File:通玄棋社d.png|32px|link=Occult Go Club]] [[Occult Go Club]] * [[File:映雪书馆d.png|32px|link=Academy]] [[Academy]] * [[File:徐府d.png|32px|link=Xu's House]] [[Xu's House]] * [[File:赫连常山家d.png|32px|link=Changshan's House]] [[Changshan's House]] * [[File:鲁家d.png|32px|link=Lu's House]] [[Lu's House]] * [[File:孙道一d.png|32px|link=Sun Daoyi's House]] [[Sun Daoyi's House]] * [[File:build_2205.png|32px|link=RT Suburbs]] [[RT Suburbs]] * [[File:characters-183_run.png|32px|link=Mountain Road]] [[Mountain Road]] * [[File:characters-343_stand.png|32px|link=RT Hilltop]] [[RT Hilltop]] * [[File:characters-309_stand.png|32px|link=RT Dock]] [[RT Dock]] * [[File:杂货铺d.png|32px|link=Grocery stall]] [[Grocery stall]] <!-- --><h3>World Map</h3><!-- --> * [[File:shrine.png|32px|link=Oracle Temple]] [[Oracle Temple]] * [[File:wood.png|32px|link=Resource site]] [[Resource site]] * [[File:chaiHouse.png|32px|link=Chai's Villa]] [[Chai's Villa]] * [[File:xiaoHouse.png|32px|link=Xiao's Villa]] [[Xiao's Villa]] * [[File:zongjianPavilion.png|32px|link=SwordWay Sect]] [[SwordWay Sect]] * [[File:yuntaiMountain.png|32px|link=Cloudy Mountain]] [[Cloudy Mountain]] * [[File:village1.png|32px|link=Harvest Village]] [[Harvest Village]] * [[File:village4.png|32px|link=Global Village]] [[Global Village]] * [[File:village2.png|32px|link=Whitehead Village]] [[Whitehead Village]] * [[File:village3.png|32px|link=CeaseWar Village]] [[CeaseWar Village]] * [[File:remains.png|32px|link=Ruins]] [[Ruins]] * [[File:mountain_1.png|32px|link=Caves]] [[Caves]] * [[File:lighthouse_1.png|32px|link=Lighthouse]] [[Lighthouse]] * [[File:postStation.png|32px|link=Transtation]] [[Transtation]] * [[File:tide.png|32px|link=Beast Tide]] [[Beast Tide]] <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box notice"><!-- --><h2>Notice</h2><!-- --><h3>News</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 English version is now available!] <!-- --><h3>Update log</h3><!-- --> *[https://store.steampowered.com/news/app/2281410/view/3890611710898176727 Floatland Secret V0.9.0.1220.1] <!-- --></div><!-- --><div class="box about"><!-- --><h2>About Wiki</h2><!-- --> Hello everyone！ Welcome to the WIKI of River Town Factory！We will provide you with game strategies, tutorial videos, news and other related content, hoping to bring convenience to your gaming journey. <!-- --><h3>Contect us</h3><!-- --> xb@cedong.com.cn <!-- --><h3>Links</h3><!-- --> *[https://store.steampowered.com/app/2281410 Store page] *[https://www.youtube.com/@ifactionstudio3233 YouTube] <!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] b5b3d1b334a139242a39a8d8135848a24f1801c3 0 21 1758 49 2024-02-16T19:03:36Z Westgrass 40 Westgrass moved page [[Changshan's Hs.]] to [[Changshan's House]] wikitext text/x-wiki =Changshan's Hs.= Attribute: Residential It is located in the southeast of River Town, There are three rooms. Helian Changshan lives in the main room, where his collections and goods are also stored. The eastern room is rented to Xu Changkong. Open hours: (9:00-22:00) Related NPCs: Helian Changshan, Atuo, Xu Changkong [[file:赫连常山家.png|300px]] d3d241713cb279b78101a96915d55e6e585a866e 0 1322 1759 2024-02-16T19:03:37Z Westgrass 40 Westgrass moved page [[Changshan's Hs.]] to [[Changshan's House]] wikitext text/x-wiki #REDIRECT [[Changshan's House]] 40e1a4257d1bc38bb7119beb1b8ece7190d2d9ea 0 51 1760 173 2024-02-16T19:03:44Z Westgrass 40 Westgrass moved page [[Lu's Hs.]] to [[Lu's House]] wikitext text/x-wiki =Lu's Hs.= Attribute: Residential Located in the southwest corner of Jiangcheng, it is the home of Lu Wei, Cao Yunhui, and Lu Binghua. The opening hours are from 8:00 to 22:00 every day. Opening hours: (8:00-22:00) Related NPCs: Lu Wei, Cao Yunhui, Lu Binghua [[File:鲁家.png|300px]] 49ecd8fc61eb6ee4f51480e956aa1ea0cdb9915c 0 1323 1761 2024-02-16T19:03:44Z Westgrass 40 Westgrass moved page [[Lu's Hs.]] to [[Lu's House]] wikitext text/x-wiki #REDIRECT [[Lu's House]] 13ab5b69ce51e49bcbf5df1fe21a0bcd3cb55ef7 0 81 1762 292 2024-02-16T19:03:59Z Westgrass 40 Westgrass moved page [[Sun Daoyi's Hs.]] to [[Sun Daoyi's House]] wikitext text/x-wiki =Sun Daoyi's Hs.= Attribute: Residential This is Sun Daoyi's residence, which is usually locked and located in the southeast corner of River town. [[File:孙道一家.png|300px]] 9c320fe0d95dce48fa8f4b1f34bc4ec9306ade66 1772 1762 2024-02-16T19:05:12Z Westgrass 40 wikitext text/x-wiki Attribute: Residential This is Sun Daoyi's residence, which is usually locked and located in the southeast corner of River town. [[File:孙道一家.png|300px]] 2ca7427f4aa98a235b8c869a24d717db5e12af45 0 1324 1763 2024-02-16T19:03:59Z Westgrass 40 Westgrass moved page [[Sun Daoyi's Hs.]] to [[Sun Daoyi's House]] wikitext text/x-wiki #REDIRECT [[Sun Daoyi's House]] fca67604b3ae4ebca4f8a0196b5f5c7291bd7739 0 90 1764 315 2024-02-16T19:04:13Z Westgrass 40 Westgrass moved page [[Whitehead Vill.]] to [[Whitehead Village]] wikitext text/x-wiki <big> =Whitehead Vill[[File:village2.png]]= Located in the west, coordinates (28,105). To reach here, you need to repair the damaged West Bridge first. West Bridge: Connecting Zhongzhou and the western continent, coordinates (55,105). It was damaged by the fire from heaven and cannot be used. After the fourth node of Oracle Temple T4 is repaired, it can be passed through. 85170d67b128b0330ed391de55e80868bf5c9718 1808 1764 2024-02-16T19:17:45Z Westgrass 40 wikitext text/x-wiki [[File:village2.png]] Located in the west, coordinates (28,105). To reach here, you need to repair the damaged West Bridge first. West Bridge: Connecting Zhongzhou and the western continent, coordinates (55,105). It was damaged by the fire from heaven and cannot be used. After the fourth node of Oracle Temple T4 is repaired, it can be passed through. 07a68774a6493b0146c5c189a6513df13e2c809b 0 1325 1765 2024-02-16T19:04:13Z Westgrass 40 Westgrass moved page [[Whitehead Vill.]] to [[Whitehead Village]] wikitext text/x-wiki #REDIRECT [[Whitehead Village]] c4842e6a17ea989c93aefee860332228e295680e 0 17 1766 37 2024-02-16T19:04:29Z Westgrass 40 Westgrass moved page [[CeaseWar Vill.]] to [[CeaseWar Village]] wikitext text/x-wiki =CeaseWar Vill.[[File:village3.png]]= Located in the south, coordinates (67,170). To reach here, you need to repair the damaged South Bridge first. South Bridge: Connecting Zhongzhou and the southern continent, coordinates (96,140). It was damaged by the fire from heaven and cannot be used. Oracle Temple Repair T5 Node 5 it can be passed through. In the 2nd-floor room in the lower right corner, you can spend 550,000 money to buy [Throne] ccb4e76435e41351bc7801a5c54ce032af63753e 1770 1766 2024-02-16T19:04:49Z Westgrass 40 wikitext text/x-wiki [[File:village3.png]] Located in the south, coordinates (67,170). To reach here, you need to repair the damaged South Bridge first. South Bridge: Connecting Zhongzhou and the southern continent, coordinates (96,140). It was damaged by the fire from heaven and cannot be used. Oracle Temple Repair T5 Node 5 it can be passed through. In the 2nd-floor room in the lower right corner, you can spend 550,000 money to buy [Throne] 9d378f1a859811aa09dd9a3afb41557e4b59ab73 0 1326 1767 2024-02-16T19:04:29Z Westgrass 40 Westgrass moved page [[CeaseWar Vill.]] to [[CeaseWar Village]] wikitext text/x-wiki #REDIRECT [[CeaseWar Village]] 12c294f7a25c4b99ff55b4f808d0273878c3165e 0 23 1768 55 2024-02-16T19:04:37Z Westgrass 40 Westgrass moved page [[Cloudy Mt.]] to [[Cloudy Mountain]] wikitext text/x-wiki <big> =Cloudy Mt.[[File:yuntaiMountain.png]]= Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day. f8f057fb58fb08fe10ad51d718a3d3482f3c9356 1771 1768 2024-02-16T19:05:02Z Westgrass 40 wikitext text/x-wiki [[File:yuntaiMountain.png]] Located in the southwest of Zhongzhou, coordinates (73,116). There are wooden stakes on the right side inside, where you can practice lightness skills, five times a day. ef0694cdda32808e5cfade7769d83906b02a6308 0 1327 1769 2024-02-16T19:04:37Z Westgrass 40 Westgrass moved page [[Cloudy Mt.]] to [[Cloudy Mountain]] wikitext text/x-wiki #REDIRECT [[Cloudy Mountain]] c455b81e346c57bb1dec69b209ce4ae33ab0efbf 0 75 1773 277 2024-02-16T19:05:37Z Westgrass 40 wikitext text/x-wiki In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ====Resource Acquisition=== '''[[Resource site|Map Resource Point Detailed Location Query]]''' Among them, [Water Resources] can be obtained directly by a pump at the water's edge. Other resources are obtained in the corresponding venues, and the location and quality of resource points can be viewed in the resource points of the home page world map. [Liquid Resources] and [Grain] cannot be mined manually. [Grain] can be purchased with copper coins at the [Farm]. Other resources can all be mined manually in the corresponding venues. [Contract] In addition to [Liquid Resources], other resources can be obtained by contracting. The contracting method is to enter the resource point and talk to the NPC to obtain it by purchasing. After purchasing, the venue will belong to you permanently, and a certain amount of resources will be provided to your designated inbound box every day at 6:00. If no inbound box is designated, it will be delivered directly to your backpack. The higher the level of the resource point, the higher the output of resources. [Managing Resource Points] We can always adjust the location of resource delivery by talking to the NPC at the resource point, and we can also view the current production capacity of the resource point and the output of the next level. In the game, resources can be obtained by using an ax or pickaxe to manually collect at the resource point, or by purchasing a resource point to obtain a fixed amount daily. The resource point will deliver the goods to the corresponding inbound box or backpack every day at 6 am. [[File:资源管理en.png]] e6c3c34450071a0ec57da7f0254015ce4009c34e 1774 1773 2024-02-16T19:05:55Z Westgrass 40 wikitext text/x-wiki In the current stage of the game, there are 9 types of resources: [Water Resources], [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], [Stone Mine], [Farm], [Sand Mine], [crude oil] In the early stage of the game, near the workshop, there are only 5 resource points of [forest farm], [Iron Mine], [Copper Mine], [Coal Mine], and [Stone Mine] and the [River] of the workshop. ==Resource Acquisition== '''[[Resource site|Map Resource Point Detailed Location Query]]''' Among them, [Water Resources] can be obtained directly by a pump at the water's edge. Other resources are obtained in the corresponding venues, and the location and quality of resource points can be viewed in the resource points of the home page world map. [Liquid Resources] and [Grain] cannot be mined manually. [Grain] can be purchased with copper coins at the [Farm]. Other resources can all be mined manually in the corresponding venues. [Contract] In addition to [Liquid Resources], other resources can be obtained by contracting. The contracting method is to enter the resource point and talk to the NPC to obtain it by purchasing. After purchasing, the venue will belong to you permanently, and a certain amount of resources will be provided to your designated inbound box every day at 6:00. If no inbound box is designated, it will be delivered directly to your backpack. The higher the level of the resource point, the higher the output of resources. [Managing Resource Points] We can always adjust the location of resource delivery by talking to the NPC at the resource point, and we can also view the current production capacity of the resource point and the output of the next level. In the game, resources can be obtained by using an ax or pickaxe to manually collect at the resource point, or by purchasing a resource point to obtain a fixed amount daily. The resource point will deliver the goods to the corresponding inbound box or backpack every day at 6 am. [[File:资源管理en.png]] 4c2b022b9c5baf7ec80424fd552449905811f516 0 39 1775 119 2024-02-16T19:06:24Z Westgrass 40 Westgrass moved page [[Harvest Vill.]] to [[Harvest Village]] wikitext text/x-wiki <big> =Harvest Vill.[[File:village1.png]]= Located in the north, coordinates (97,47). To reach here, you need to repair the damaged North Bridge first. North Bridge: Connecting Zhongzhou and the northern continent, coordinates (98,63). It was damaged by the fire from heaven and cannot be used. After the third node of Oracle Temple T1 is repaired, it can be passed through. ==Grocery stall== Located above the dock in Harvest Vill. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !名称!!图标!!描述!!价格（钱） |- <!-- 第1行 --> |肉||[[File:item_2005.png]]||富裕人家最常见的食材，可于村镇购买。||70 |- <!-- 第2行 --> |糖||[[File:item_2006.png]]||调味品，可于杂货摊购买。||56 |- <!-- 第3行 --> |青菜||[[File:item_2010.png]]||新鲜的蔬菜，可购买或于村落采集。||50 |- <!-- 第4行 --> |双屉书柜||[[file:build_1206.png]]||带有两个抽屉的书柜。||35000 |- <!-- 第5行 --> |书画桌案组||[[file:build_1215.png]]||用于书法绘画的桌案。||115000 |- <!-- 第6行 --> |石方凳||[[file:build_1307.png]]||石质方凳。||14500 |- <!-- 第7行 --> |石圆凳||[[file:build_1308.png]]||石质圆凳。||13500 |- <!-- 第8行 --> |石方桌||[[file:build_1414.png]]||庭院必备的石桌。||34100 |- <!-- 第9行 --> |装饰小方桌||[[file:build_1412.png]]||装饰用小方桌。||37500 |- <!-- 第10行 --> |装饰小长桌||[[file:build_1413.png]]||装饰用小长桌。||24500 |- <!-- 第11行 --> |稻草人||[[file:build_1244.png]]||用稻草制作的人偶。||32100 |- <!-- 第12行 --> |落雪稻草人||[[file:build_1245.png]]||落雪的稻草人。||32100 |} </div> </div> </div> </div> </div> [[File:鹤知村杂货摊.png]] 1c412a0abf383b7d4dac9709f7647aafb252272a 1777 1775 2024-02-16T19:06:36Z Westgrass 40 wikitext text/x-wiki [[File:village1.png]] Located in the north, coordinates (97,47). To reach here, you need to repair the damaged North Bridge first. North Bridge: Connecting Zhongzhou and the northern continent, coordinates (98,63). It was damaged by the fire from heaven and cannot be used. After the third node of Oracle Temple T1 is repaired, it can be passed through. ==Grocery stall== Located above the dock in Harvest Vill. {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !名称!!图标!!描述!!价格（钱） |- <!-- 第1行 --> |肉||[[File:item_2005.png]]||富裕人家最常见的食材，可于村镇购买。||70 |- <!-- 第2行 --> |糖||[[File:item_2006.png]]||调味品，可于杂货摊购买。||56 |- <!-- 第3行 --> |青菜||[[File:item_2010.png]]||新鲜的蔬菜，可购买或于村落采集。||50 |- <!-- 第4行 --> |双屉书柜||[[file:build_1206.png]]||带有两个抽屉的书柜。||35000 |- <!-- 第5行 --> |书画桌案组||[[file:build_1215.png]]||用于书法绘画的桌案。||115000 |- <!-- 第6行 --> |石方凳||[[file:build_1307.png]]||石质方凳。||14500 |- <!-- 第7行 --> |石圆凳||[[file:build_1308.png]]||石质圆凳。||13500 |- <!-- 第8行 --> |石方桌||[[file:build_1414.png]]||庭院必备的石桌。||34100 |- <!-- 第9行 --> |装饰小方桌||[[file:build_1412.png]]||装饰用小方桌。||37500 |- <!-- 第10行 --> |装饰小长桌||[[file:build_1413.png]]||装饰用小长桌。||24500 |- <!-- 第11行 --> |稻草人||[[file:build_1244.png]]||用稻草制作的人偶。||32100 |- <!-- 第12行 --> |落雪稻草人||[[file:build_1245.png]]||落雪的稻草人。||32100 |} </div> </div> </div> </div> </div> [[File:鹤知村杂货摊.png]] 316cc4e6dacd9b53b37c1954f4caef6097ae5c1e 0 1328 1776 2024-02-16T19:06:24Z Westgrass 40 Westgrass moved page [[Harvest Vill.]] to [[Harvest Village]] wikitext text/x-wiki #REDIRECT [[Harvest Village]] c892464a7c01712a636960cf69b13eaf9c9f6d7e 0 66 1778 250 2024-02-16T19:07:57Z Westgrass 40 wikitext text/x-wiki ==Dateables NPC == [[file:face_cff_0.png|Chai Feifei|100px|left|link=Chai Feifei]] [[file:face_hlcs_0.png|He Lianchangshan|125px|link=He Lianchangshan]] [[file:face_lcy_0.png|Lu Chanyi|100px|link=Lu Chanyi]] [[file:face_lwx_0.png|Li Wangxing|125px|link=Li Wangxing]] [[file:face_lyy_0.png|Liu Yiyi|100px|link=Liu Yiyi]] [[file:face_xck_0.png|Xu Changkong|125px|link=Xu Changkong]] [[file:face_xct_0.png|Xu Changting|100px|link=Xu Changting]] [[file:face_zly_0.png|Li Yan|100px|link=Li Yan]] [[file:萧钰.png|Xiao Yu|100px|link=Xiao Yu]] [[file:阿昙.png|Tan|100px|link=Tan]] ==Other NPC== [[file:鲁冰花.png|Lu Binghua|100px|link=Lu Binghua]] [[file:一元.png|Yi Yuan|100px|link=Yi Yuan]] [[file:徐富春.png|Xu Fuchun|100px|link=Xu Fuchun]] [[file:林山石.png|Lin Shanshi|100px|link=Lin Shanshi]] [[file:曹云惠.png|Cao Yunhui|100px|link=Cao Yunhui]] [[file:鲁威.png|Lu Wei|100px|link=Lu Wei]] [[file:曹云秀.png|Cao Yunxiu|100px|link=Cao Yunxiu]] [[file:俞关山.png|Yu Guanshan|100px|link=Yu Guanshan]] [[file:孙道一.png|Sun Daoyi|100px|link=Sun Daoyi]] [[file:陆英.png|Lu Ying|100px|link=Lu Ying]] [[file:郑德.png|Zheng De|100px|link=Zheng De]] [[file:红弦.png|Hong Xian|100px|link=Hong Xian]] [[file:寒山.png|Han Shan|100px|link=Han Shan]] [[file:野利旺珠.png|Ye Liwangzhu|100px|link=Ye Liwangzhu]] [[file:柳三娘.png|Liu Sanniang|100px|link=Liu Sanniang]] [[file:柴世豪.png|Chai Shihao|100px|link=Chai Shihao]] [[file:柴家祖母.png|Grandmother Chai|100px|link=Grandmother Chai]] 64dd7f192213eca23bf097a5a42ab9ecd9bae334 8 1319 1779 1756 2024-02-16T19:08:40Z Westgrass 40 css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1em 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 20px; align-items: stretch; margin-bottom: 20px; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 4 4 600px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 12px 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } db368ea7c9c4ea8b584c0b6a3bfd228924bd45a5 0 6 1780 7 2024-02-16T19:09:39Z Westgrass 40 wikitext text/x-wiki Attribute: Function, Residence Located in the east of Jiangcheng, next to Jiangyue Tower. Related NPCs: Li Yan, Hong Xian When your favorability with Li Yan reaches 2 stars, coming to the second floor to listen to the piano can increase your comprehension. [[file:映雪书馆.png|300px]] fbbcc561b0d1091f6f8ca4d79529cefdc1fce1db 0 100 1781 336 2024-02-16T19:09:51Z Westgrass 40 wikitext text/x-wiki [[File:郑德.png]] Responsible for managing the Divine Works Museum, Zheng De is a kind and amiable person. ==Journey== Zheng De stands at the front desk of Divine Works Museum during opening hours every day. Except on Sundays, after closing at 8:00 PM, he goes to stand near the Yingxue Bookstore and returns to Divine Works Museum at midnight. On Sundays, after closing, Zheng De leaves River town and his whereabouts become unknown. 10866bba9e15bd5075327d3fac481805fbd20c7e 0 99 1782 334 2024-02-16T19:10:02Z Westgrass 40 wikitext text/x-wiki [[File:俞关山.png]] ==Journey== Yu Guanshan teaches martial arts every day from 6:00 AM to 12:00 PM at the SwordWay Sect training ground. 【Spring & Autumn】 【Monday】【Thursday】【Friday】 At 12:00 PM, stands in the SwordWay Sect hall pharmacy. At 4:00 PM, meditates on the second floor. 【Tuesday】【Sunday】 At 12:00 PM, practices swordplay at Heart Cliff. If it's rainy or snowy, stands in the main hall instead. At 4:00 PM, eats at Moonriver Inn. At 8:00 PM, returns home to sleep. 【Wednesday】At 12:00 PM, stands in the main hall for a while. At 3:00 PM, visits JiAn Clinic for a check-up. At 7:00 PM, returns to e79735044209ea3541c39d3f31f09647a2ff226e 0 98 1783 332 2024-02-16T19:10:13Z Westgrass 40 wikitext text/x-wiki [[File:一元.png]] ==Journey== 【Rainy days】 Yi Yuan stays at the Moonriver Inn for the entire day. 【Monday】【Tuesday】【Wednesday】 11:00 - Attends classes at the Yingxue Bookstore. 16:00 - Leaves the bookstore after school and goes to the River town square in front of the Moonriver Inn to pray that Lu Binghua doesn't catch any bugs. 18:00 - Goes to his room at the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Thursday】 Except for autumn: 9:00 - Leaves the Moonriver Inn and waits near the city gate entrance for Lu Binghua. 9:58 - Leaves River town with Lu Binghua. 12:00 - Arrives at the SwordWay Sect and heads to the training ground. 18:00 - Returns to the Moonriver Inn from the SwordWay Sect. 【Autumn:】 10:30 - Leaves the Moonriver Inn and waits on the roadside for Lu Binghua. 11:09 - Leaves with Lu Binghua for Occult Go Club and plays outside. 16:00 - Returns to the Moonriver Inn to meditate. 20:50 - Goes to bed. 【Friday】【Sunday】 6:00 - Stands in front of the Moonriver Inn. (Spring and autumn) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Spring and autumn) 16:05 - Goes to his room to meditate. (Spring and autumn) 20:50 - Goes to bed. (Spring and autumn) (Summer and winter) 13:00 - Returns to the small dining room at the Moonriver Inn and listens to Sun Daoyi's ramblings. (Summer and winter) 16:05 - Helps out at the counter. (Summer and winter) 20:50 - Goes to bed. (Summer and winter)【Saturday】6:00 - Stands in front of the Moonriver Inn.12:00 - Goes to Lu's House and waits in front of the Xu's gate for Lu Binghua.12:53 - Leaves with Lu Binghua for fun at the River Town Suburbs cave entrance.19:00 - Returns to the Moonriver Inn. 209499a5f90c155f678b13b3ec70c549e19a9eaf 0 97 1784 330 2024-02-16T19:10:22Z Westgrass 40 wikitext text/x-wiki [[File:野利旺珠.png]] ==Journey== Apart from eating out at a restaurant at 6pm every Thursday, Friday, and Saturday and returning home at 10:50pm, Ye Liwangzhu spends the rest of her time sitting in front of a loom on the first floor of the Tailor Shop making clothes. b99f554d0b95468228e642e53bc2a50bba2efd2e 0 71 1785 266 2024-02-16T19:10:27Z Westgrass 40 wikitext text/x-wiki The place where Helian Changshan stores the goods, he occasionally comes to check the goods. There is a collection point at the dock, and you can come here to collect if you have a demand. 2b27a7332d533743cb01f8bf31ca208be39e62cb 0 70 1786 264 2024-02-16T19:10:36Z Westgrass 40 wikitext text/x-wiki After we repair the second node of Oracle Temple T2, we can unlock the portable technology. Portable technology allows us to learn technology anywhere, combined with the [Crystalizer] (automatic production of crystal energy by inputting materials), we can learn technology without going to the console of Oracle Temple. After unlocking, you can check it by clicking the button below the time in the upper right corner. The shortcut key for portable technology is [P]. [[file:2-2.png]] 7a359df0ca9f52cbc87b78fea5a5ea6a1dbc96bd 0 67 1787 253 2024-02-16T19:11:25Z Westgrass 40 wikitext text/x-wiki Attribute: Function, Residence Located in the northeast corner of River town Business hours: (10:00-22:00) Related NPC: Xu Changting When your favorability with Xu Changting reaches 2 stars, coming to the second floor of the chess club to watch chess can increase your comprehension. [[file:通玄棋社.png|300px]] 135a104eee9be6b43b9f606e6bba48e38e19019a 0 38 1788 117 2024-02-16T19:11:44Z Westgrass 40 wikitext text/x-wiki [[File:寒山.png]] ==Journey== Han Shan is typically never far from Xiao Yu, so refer to Xiao Yu's schedule to find Han Shan. At night, Han Shan stands guard at the stairs of Wind Pavilion. 6cb1ee6aaa33514f78c09da7ce1c5b2c27c04c72 0 37 1789 115 2024-02-16T19:11:57Z Westgrass 40 wikitext text/x-wiki Attribute: Shop, Function The largest trading company in Jiangcheng, located on the west side of the main road in Jiangcheng, turn left when entering the city. It is also the first task point for game entry. When entering Jiangcheng for the first time, the camera will automatically move to the Jiangcheng Guild. Business hours: (8:30-17:00) Related NPCs: Xu Fuchun, Lin Shanshi [[File:江城行会.png|300px]] ==[[Xu Fuchun]]== Reset Talents: It costs 6500 money to reset all Talents Apply for Divorce: It costs 1,200,000 money to apply for divorce. After divorce, the favorability with the NPC will be reset to zero. ==[[Lin Shanshi]]== [Upgrade House:] Currently, the house can be upgraded twice. [The 2nd-level house] can add a kitchen and expand the house, requiring 5,000 money, 400 pieces of wood, and 800 pieces of stone bricks, with a construction time of 1 day. If you have learned Recipes, you can cook in the kitchen. [The 3rd-level house ] can add 2 bedrooms and expand the house, requiring 60,000 money, 800 pieces of reinforced wood, and 2,000 pieces of strong stone bricks, with a construction time of 4 days. It unlocks a double wooden bed and opens the function of placing Furniture at home. [Purchase Goods:] You can purchase some basic raw materials, processed materials, and house decorations from Lin Shanshi here. 6bf399269d4b11b9d7d5246ae3a6429947e8aff9 0 36 1790 113 2024-02-16T19:12:04Z Westgrass 40 wikitext text/x-wiki There are three stalls in RIver Town, Cao Yunhui's grocery stall, Helian Changshan's Sunday special sale stall, and Sun Daoyi's fortune-telling stall. 4c3011d089e6d2e57b0b03586de8d8aa8e910144 0 35 1791 111 2024-02-16T19:12:15Z Westgrass 40 wikitext text/x-wiki [[File:柴家祖母.png]] The grandmother of the Chai family rarely goes out. ==Journey== No matter the season, I get up every morning and offer prayers in my room. Spring and Autumn 【Monday，Wednesday，Friday】 At 13 o'clock, stand in front of the small table. At 17 o'clock, go and stand under the eaves. At 20:00, go back to bed. 【Tuesday，Thursday】 At 13 o'clock, go to the ancestral hall. At 19:00, go back to the room and sleep. 【Saturday，Sunday】 13:00, go to the kitchen. At 16:30, go to the lake in the front yard. At 19:30, go back to bed. 【Summer】 【Friday，Saturday】 At 13 o'clock, go to the backyard and stand for a while. At 16:30, I went back to my room and sat down. At 19:30, go to bed. The rest are the same as in the Spring and Autumn Period. 【Winter]】 【Friday，Saturday】 13:00, go to the kitchen. At 17:00, go to the small restaurant. At 19:00, go to bed. The rest are the same as in the Spring and Autumn Period. 043d7ba59ba500a8cabf46d8820b743b42cd003a 0 33 1792 106 2024-02-16T19:12:28Z Westgrass 40 wikitext text/x-wiki The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png]] 8bb6596f2e5f328991d684678ab48535bdf613f2 1793 1792 2024-02-16T19:12:37Z Westgrass 40 wikitext text/x-wiki The entrance to the Gallery is on our game title page. After clicking to enter, we can view the currently unlocked formulas (product formulas, cooking recipes, drug formulas), buildings, martial arts, and achievements. If the mouse points to the unlocked content, there will also be relevant content descriptions. [[File:陈列馆en.png]] 06ce6d3ce8c745cd664dabb245005a262f8ca497 0 96 1794 328 2024-02-16T19:12:46Z Westgrass 40 wikitext text/x-wiki [[File:徐富春.png]] ==Journey== Xu Fuchun is a responsible guild leader. Except for the first week of the game where he spends the entire day at the guild, he wakes up at 7:10 every day to go to work and doesn't take any days off. At 5:00 PM, after closing the shop, Xu Fuchun has various options. 【Monday】 At 6:00 PM, he heads to the Occult Go Club to play Go with his eldest son, Xu Changting. 【Tuesday】 Spring and Autumn: At 6:00 PM, he goes to the Occult Go Club to play Go with his eldest son, Xu Changting. Summer: At 6:00 PM, he visits He Lianchangshan's home. Winter: At 6:00 PM, he returns home to admire his curio cabinet or read a book. 【Wednesday】【Thursday】【Sunday】 At 6:00 PM, he chooses to have dinner with his wife at the Moonriver Inn, enjoying their rare moments alone together. 【Friday】 At 6:00 PM, he plays Go with Chai Feifei at the Occult Go Club. 【Saturday】 At 6:00 PM, his old friend Yu Guanshan comes to visit for tea, so he needs to hurry home to prepare in his bedroom. At 8:30 PM, when Yu Guanshan is leaving, Xu Fuchun reluctantly escorts him to the door. ff281e1362ae27c53bf2a94f6fd6332476d70c34 0 95 1795 326 2024-02-16T19:12:57Z Westgrass 40 wikitext text/x-wiki [[File:face_xct_0.png]] ==Journey== 【Spring and Autumn】 【Monday, Tuesday】 9:00am, Xu Changting will play chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the tree in front of his room. 4:55pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Wednesday, Friday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 1:00pm, studies chess positions on a small chessboard on the second floor of the Occult Go Club. 5:00pm, goes to the Occult Go Club to play chess with Xiao Yu. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Thursday】 Before 4:00pm, Xu Changting is playing chess with the Emperor in the palace and will not be in River Town. After 4:00pm, Xu Changting returns to the second floor of the Occult Go Club to play chess. 9:35pm, sleeps on the second floor of the Occult Go Club. Saturday 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, visits the Divine Works Museum. 5:00pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【summer】 【Monday, Tuesday (on sunny days)】 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands in the bamboo grove at the Occult Go Club. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. (On rainy/snowy days) 9:00am, Xu Changting plays chess in his room on the main hall of the Xus residence. 1:00pm, Xu Changting gets up and stands under the eaves of the Occult Go Club to admire the rain/snow. 6:00pm, goes to the Occult Go Club to play chess with his father. 9:35pm, returns to the Xus Main hall to sleep, but on Tuesday he sleeps on the second floor of the Occult Go Club. 【Saturday】 9:00am, gets up from the second floor of the Occult Go Club to read chess notation. 12:00pm, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. 【Sunday】 9:00am, gets up from the second floor of the Occult Go Club to seek letters from Liu Yiyi in the courtyard of the Occult Go Club. 11:00am, goes to eat at Moonriver Inn. 4:30pm, returns to the Occult Go Club to guide others in playing chess. 9:35pm, returns to the second floor of the Occult Go Club to sleep. The rest is similar to Spring and Autumn. 90da75eed2424b4ac5ee2f2b51c9afaba78ffaeb 0 94 1796 324 2024-02-16T19:13:10Z Westgrass 40 wikitext text/x-wiki [[File:face_xck_0.png]] Xu Changkong is a nocturnal creature in River Town, so it's best to look for him in the middle of the night. [Every day at 1:00am] He comes upstairs from the basement to sleep. [Rainy or Snowy Days] Unless he has plans to go out with friends, he stays indoors all day. 【Spring and Autumn:】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 8:00pm - Returns home to tinker in the basement. 【Tuesday, Saturday】 11:00am - After waking up, his schedule is the same as Li Wangxing's. 【Wednesday, Friday】 11:00am - Wakes up and reads books from the bookshelf. 3:00pm - Goes to the entrance of the family warehouse. 8:00pm - Returns to his room to tinker in the basement. 【Sunday】 11:00am - Wakes up and visits He Lianchangshan's stall. 3:00pm - Goes to River Town Suburbs to collect lumber. 7:00pm - Returns to his room to tinker in the basement. 【Summer and Winter】 【Monday, Thursday】 11:00am - Wakes up and visits his mother's workshop in the main house to read her notes. 3:00pm - Visits the Divine Works Museum. 7:00pm - Returns home and goes to the warehouse entrance. 11:00pm - Returns to his room to tinker in the basement. 【Wednesday, Friday】 Stays in his room all day and goes to the basement to tinker at 8:00pm. The rest of the schedule is the same as Spring and Autumn. cb319a2245df2abf5776dc15b5e0c328e0296097 0 93 1797 322 2024-02-16T19:13:18Z Westgrass 40 wikitext text/x-wiki Attribute: Residential Located in the western part of River Town, it is the home of the president of River Town Guild. Xu Fuchun and Lin Shanshi live and live in the main room, Xu Changting lives in the northern wing room, and Xu Changkong lives in the eastern wing room. The western room is now used to store miscellaneous items and tools. Related NPCs: Xu Fuchun, Lin Shanshi, Xu Changting, Xu Changkong [[file:徐府.png|300px]] 03b4ff27c41f77b9b199d6ccfcbbc803b5efb9c1 0 92 1798 319 2024-02-16T19:13:27Z Westgrass 40 wikitext text/x-wiki [[File:萧钰.png]] ==Journey== 【Monday】【Thursday】 6:00 - Xiao Yu is already enjoying the scenery in the Suburban Hilltop Pavilion. 11:00 - Heads to the River Town Suburbs Dock. 15:00 - Dines in a private room at the Moonriver Inn. 20:00 - Returns home. 【Tuesday】【Saturday】【Sunday】 8:00 - Wakes up and practices martial arts. Spring/Autumn 13:00 - Goes to the Wind Pavilion in the mansion to have tea. Summer 13:00 - Goes to the bamboo forest in the mansion to have tea. Winter 13:00 - Goes to the tea house in the main hall of the mansion to have tea. 17:00 - Returns to his room to read. 21:00 - Goes to sleep. 【Wednesday】【Friday】 8:00 - Wakes up and practices archery in the courtyard. Spring/Autumn 13:00 - Heads to the Divine Works Museum and contemplates outside. Summer/Winter Sunny day: 13:00 - Goes to the fortune-telling stand. Rainy/Snowy day: 13:00 - Heads to the Divine Works Museum and contemplates outside. 17:00 - Visits the Occult Go Club to play Go with Xu Changting. 21:00 - Returns home. d42b48a16de2602cb649e6f155071fa9723c734d 0 91 1799 317 2024-02-16T19:13:35Z Westgrass 40 wikitext text/x-wiki [[File:xiaoHouse.png]] Located north of River Town, coordinates (95, 75) Related NPCs: Xiao Yu, Han Shan There is a target on the right where you can practice internal force. eaffcde08617f64648ace44227e44db062ef058b 0 64 1801 213 2024-02-16T19:15:47Z Westgrass 40 wikitext text/x-wiki The entrance is in the northwest corner of River Town, leading to the top of Mountain and the outskirts . There are collection points, wells, and caves on Mountain Road (the caves are related to the plot of Lu ChanYi's favorability). dacde7c537da9df86459a32e2c51e4474d12a746 0 63 1802 210 2024-02-16T19:15:58Z Westgrass 40 wikitext text/x-wiki Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ====sale==== ====learn to cook==== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 de90c03d49107c7b473525bd947f69057ea93e2d 1803 1802 2024-02-16T19:16:07Z Westgrass 40 wikitext text/x-wiki Attributes: Shop, Function, Residence The Moonriver Inn is located in the center of River Town. The owner is Liu Sanniang, and there is a small square outside the door for events. It starts to operate after noon, and the residents of River Town all like to come here for dinners. Business hours: (12:00-1:00) Plot: When more than 50 '''ovens''' and '''watches''' produced by the workshop are shipped, enter the Moonriver Inn to trigger it. Related NPCs: Liu Sanniang, Liu Yiyi, Yiyuan [[File:江月楼.png|300px]] ==[[Liu Sanniang]]== ===sale=== ===learn to cook=== At Liu Sanniang's, we can learn to cook one dish every week. The first three dishes can be learned for free, and afterwards, a tuition fee is required to learn to cook. A total of 16 dishes can be learned. In order, they are: Spring,：Boiled Egg、Toasted Pancake、Grilled Fish、Golden Chicken； summer：Fish Rice、Drunk Crab、Harpflower Liquor、Vegetable Tofu Pot； autumn：Sugared Lotus Root、Chinese Hamburger、Dongpo Pork、Golden Soup Chicken； winter：Snow Soup、Dragon fish、Flower Cake、Crab Roe Tofu。 e6bcefcc421b1407019d50a780e6ec88b51bebe6 0 62 1804 205 2024-02-16T19:16:39Z Westgrass 40 wikitext text/x-wiki There are currently six modes in the workshop building: ==regular mode:== logistics mode, power mode, water conservancy mode, construction mode, and recipe mode. ==Regular Mode:== Under this mode, we can build and demolish all buildings except wires and pipes normally. ==Logistics Mode:== After this mode is enabled, you can see the entrances and exits of all buildings, as well as conveyor belts, and in this mode, only conveyor belts and underground conveyor belts can be demolished. ==Power Mode:== After this mode is enabled, the power grid becomes a highlighted mode, and you can see the power required by all buildings that require electricity, and the total power of the power grid. In this mode, only wires can be demolished. Grid power generation > power consumption, the battery starts to charge, and power generation < power consumption, the battery starts to discharge. ===Electrical Cross-Zone Mode Description:=== After the technology of Oracle Temple T5 Node 1, we can transmit power across zones in the distributed workshop. The rules for cross-zone power transmission are as follows: 1,The power transmission end is named the parent grid A, and the power receiving end is the child grid, named B. 2,Once it is determined that the child grid is a child grid, it cannot transmit power to the lower level (because if a construction of A->B->A is created, it will cause a infinite recursion and the program will deadlock. Therefore, only nested child grids are disabled). 3,If the power generation of the child grid is greater than the power consumption, it will no longer use the power from the parent grid. 4,Support A->B, C, but not A->B->C (the same reason as 2, because players may create A->B->C->A to form an infinite recursion). 5,The child grid can only have one parent grid. ==Water Conservancy Mode:== After this mode is enabled, the pipelines become a highlighted mode, and you can see the liquid required by all buildings that require liquid, and in this mode, only pipes can be demolished. ==Construction Mode:== F5 turns on this mode, which stops the flow of time, and all machinery stops operating to lay out the production line. However, you cannot use the production bench, production room, and mini-satellite. Recipe Mode: F4 turns on this mode, and the buildings will display the items currently being produced. cf6adfb930a004e1395ca6d7b9260f792c52c732 0 61 1805 202 2024-02-16T19:16:52Z Westgrass 40 wikitext text/x-wiki Tasks are categorized as [Main Quests], [Side Quests], [Bounty Quests], and [NPC Favor Quests]. You can use the shortcut key [J] to open and view them, and also select tasks to track. The tracked tasks will be displayed in the upper left corner of the game, and this display can also be hidden by clicking the arrow on the right side of the task. ==Coin Acquisition== Coin AcquisitionIn the early stages of the game, we need a large amount of gold coins to purchase mines and upgrade them. At this time, our automated workshop has not yet taken shape, and the income from selling workshop products is relatively small. Moreover, we still need to use workshop products to upgrade the Tianji Temple and unlock technologies. We can complete the bounty quests every week. There are two types of bounty quests. Completing the quests can earn copper coins and prestige. After the prestige is increased, you can also receive prestige level rewards via email every week. PS: You can earn some money by hand-making screws in the early stage. ==Commodity Quests== 【Soap】After settling the delivery of 50 soaps, you can trigger the relevant merchandise plot at Wangzhu Clothing Store the next day. 【Medicine Box】After settling the delivery of 50 medicine boxes, you can trigger the relevant merchandise plot at Ji'an Hall the next day. 【Watches】and【Ovens】After settling the delivery of 50 watches and ovens respectively, you can trigger the relevant merchandise plot at Jiangyue Tower the next day. bf7f279dc7b8e280eba9eb462a51251aaca8139a 0 60 1806 199 2024-02-16T19:16:58Z Westgrass 40 wikitext text/x-wiki After we fix all the nodes of Oracle Temple T3, we will be able to unlock the mini map. The mini map allows you to view the mini map of all locations except the workshop. After unlocking, you can view the mini map by clicking the button below the time in the upper right corner. The shortcut key of the mini map is [M]. [[file:0-3.png]] 550aa1a4d3cd7802c1c7d6a2d9706ddec6b156cd 0 29 1807 96 2024-02-16T19:17:32Z Westgrass 40 wikitext text/x-wiki There are currently five festivals in the game, the Flower Festival in spring, the Dragon Boat Festival in summer, the Ghost Festival in midsummer, the Mid-Autumn Festival in autumn, and the Spring Festival in winter. ==Flower Festival== Notice:On the 10th day of spring, we will receive an invitation letter from Lin Shanshi inviting us to participate in tomorrow's Flower Festival. Spring 11th, 10:00-18:00 Venue: River Town Suburbs Pitch-pot game, there are four levels of difficulty, and to win the first place, you need to choose the highest difficulty and get more than 70 points. (The multiplier only matters for the prize tickets obtained, and the highest difficulty is the score required to pitch the pot.) ==Ghost Festival== Notice: On the 25th day of summer, you will receive a letter from Xu Fuchun inviting you to release river lanterns in the River Town Suburbs. Summer 26th, 18:00-22:00 Venue: Outside River Town Make one of the four wishes: The gods understood today's wish and received the blessing of 【more gold】for 15 days; The gods understood today's wish, and increased the favorability of all NPCs by 30; The gods understood today's wish, and all equipment and martial arts experience increased by 240; The gods understood today's wish, and the movement speed +10%, lasting for 15 days; ==Dragon Boat Festival== Notice: On the 9th day of summer, you will receive a letter from Xu Fuchun inviting you to participate in the dragon boat race at Jiangcheng Wharf. Summer 10th, 10:00-18:00 Venue: River Town Dock Instructions for the mini-game: There are three groups in the dragon boat race, and the top three in each group are competing. Those who obtain the fourth place in all groups will only receive 10 prize tickets. You need to invite your partner to participate. Those with a favorability rating of at least 2 stars will agree to the invitation. If you do not invite a partner, you can team up with Lu Wei. Favorability increase: As long as you invite your partner to participate, +50 will be added. The first place in the Jingwu group will add another +20, but rowing with Lu Wei will not increase. ==Mid-Autumn Festival== Notice: On the 12th day of autumn, Cao Yunxiu sent a letter inviting and informing the theme of the theme dish. Autumn 15th, 18:00-22:00 Venue: Inner courtyard of SwordWay Sect Mini-game: Place the dish on the table according to the theme and talk to Cao Yunxiu to participate in the competition. ==Spring Festival== Notice: On the 23rd day of winter, you will receive a letter from Xu Fuchun inviting you to participate in the Spring Festival Temple Fair in River Town. From the 24th to the 28th of winter, a total of 5 days, and there will also be a Lantern Festival on the 28th. Venue: North River Town Mini-games that can be participated in: finding red envelopes, pitching pots, and inserting arrows into seams, and Lantern Festival lantern riddles. Game time Finding red envelopes, pitching pots, and inserting arrows into seams, from the 23rd to the 28th of winter, can be participated in every day. Lantern Festival lantern riddles, from the 28th of winter, 19:00-2:00. 405aed2faf06d49bd4529b4db71f610517ff4abb 0 89 1809 313 2024-02-16T19:17:52Z Westgrass 40 wikitext text/x-wiki After repairing all nodes of Oracle Temple T4, it can be unlocked. You can observe the "vacant land" on the big map, and you can purchase the land to expand the workshop. Some vacant land contains water resources, which can be used for power generation, collection etc. compared to others. [New function of setting the name and style of the vacant land in 0.7.8.0704.1] {| class="wikitable" style="text-align:center" |- <!-- 表头 --> !name!!iocn!!coord!!number |- <!-- 第1行 --> |centre |rowspan=5 colspan=1|[[File:space.png]] |69,90<br>113,109<br>71,128（Contained water resources）||3 |- <!-- 第2行 --> |north||86,54（Contained water resources）<br>109,33||2 |- <!-- 第3行 --> |east||137,88（Contained water resources）<br>148,110（Contained water resources）||2 |- <!-- 第4行 --> |west||44,124（Contained water resources）<br>25,152||2 |- <!-- 第5行 --> |south||87,155（Contained water resources）<br>108,176（Contained water resources）||2 |} </div> </div> </div> </div> </div> d25c4abf39fb4aebe362357a5c17e1ba729d23b5 0 87 1810 308 2024-02-16T19:18:02Z Westgrass 40 wikitext text/x-wiki In the game, each day starts at 6:00 am and ends at 2:00 am. Players can end the day early by sleeping at their workshop or home. If a player does not go to sleep before 2:00 am, they will get exhausted and be teleported back home, with a chance of losing their belongings. The time and date are displayed in the upper right corner of the game screen. [[file:时间en.png]] Currently, in the game settings, the daily duration can be set, ranging from 13 minutes to 30 minutes per day corresponding to real time. While on the big map, the speed of time passage and stamina consumption are doubled. ==Calendar== The calendar can be viewed in the menu, and the dates with NPC avatars are the birthdays of those characters. There are also event reminders for holidays. [[file:日历en.png]] 76d193f9c9d842ab0077637a61492c4499fe2218 0 86 1811 305 2024-02-16T19:18:11Z Westgrass 40 wikitext text/x-wiki Our backpack has a limit on the number of items it can store. When our backpack is full and we obtain more items, they will be temporarily stored in a temporary backpack. This often happens when we receive items through letters, complete quests, or demolish buildings to retrieve building materials. When we see this icon in the lower left corner, it means there are items in the temporary backpack that need to be cleared. [[file:临时背包en.png]] ==Storage Rules== The temporary backpack has been expanded to 800 grids, but there is a time limit for storing items in the temporary backpack. Regardless of how the day ends, items stored in the temporary backpack will be lost, such as returning to the workshop room to rest and end the day's journey, or being forced to rest after 2:00 am due to exhaustion. 3842f595242373dfab705092fbdba3ce2c813898 0 85 1812 303 2024-02-16T19:18:20Z Westgrass 40 wikitext text/x-wiki [[File:阿昙.png]] ==Journey== Spring/Autumn Except for Sundays, Tan wakes up at 10:00 every day and goes to the front desk of the Tailor Shop to work. He returns to his room to sleep at 23:00. 【Monday】【Wednesday】 19:00 - Goes to the small terrace on the second floor to enjoy the breeze. 【Thursday】【Saturday】 19:00 - Goes to the Moonriver Inn to have dinner. 【Tuesday】【Friday】 19:00 - Goes to the small restaurant at the Moonriver Inn to chat with Liu Yiyi. 【Sunday】 【Rainy/Snowy day:】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Sunny day】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to the River Town Suburbs to enjoy the scenery. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 【Winter/Summer】 【Monday】 19:00 - Goes to the second floor to receive Lin Shanshi. 21:00 - Sees off the guest. 21:30 - Stands on the terrace to enjoy the breeze. 0:00 - Returns to her room to sleep. 【Tuesday】【Wednesday】 19:00 - Goes to stand on the terrace on the second floor. 【Sunday】 10:30 - Wakes up and goes to the He Lianchangshan sale to look around. 15:00 - Goes to Ye Liwangzhu's loom to learn. 20:00 - Goes to sit at the small table on the second floor. 0:00 - Returns to her room to sleep. 96cb12df4476447b5be3baecd1d6b362455cc90d 0 59 1813 196 2024-02-16T19:18:42Z Westgrass 40 wikitext text/x-wiki Click the menu button below the time in the upper right corner or press the shortcut key [Tab] to bring up the menu page. There are six menu pages in total. ==Backpack== On the backpack page, you can view your backpack items, character attributes, equipped equipment, set consumables, and the number of crystal energy. [[File:背包en.png]] ==Profession== View profession talents and learn talent skills. [[File:职业天赋en.png]] ==Martial Arts== View and practice martial arts, and equip skills. [[File:武学en.png]] ==Social== View character biographies, favorability, partner skills, gift preferences, and after repairing all nodes of Oracle Temple T2, you can also view the location of NPCs. [[File:社交en.png]] ==Calendar== View dates, character birthdays, and festival events. [[File:日历en.png]] ==Settings== Enter game settings, title page, and exit the game. [[File:设置en.png]] In game settings, you can set language, screen mode, background running, interface scaling, daily duration, mini-game difficulty, volume, and custom keys. [[File:游戏设置en.png]] e7a2d391effaa5ca3b80d8fd24d3ebc8422b2865 0 52 1814 175 2024-02-16T19:19:04Z Westgrass 40 wikitext text/x-wiki [[File:鲁冰花.png]] ==Journey== 【Rainy days】 Lu Binghua stays at home for the entire day and wakes up at 11:00. 【Monday】【Tuesday】【Wednesday】 8:40 - Wakes up and goes to the bookstore for school. 16:00 - Leaves the bookstore and goes to the River town square in front of the Moonriver Inn to catch bugs. 18:00 - Enters the Moonriver Inn. 21:05 - Returns home and goes to sleep. 【Thursday】 Except for autumn 8:40 - Leaves home and heads to the SwordWay Sect. 12:00 - Arrives at the gate of the SwordWay Sect and goes to the training ground. 18:00 - Returns home from the SwordWay Sect. Autumn 9:40 - Wakes up and goes to play in the courtyard of the Occult Go Club. 16:00 - Returns home to do homework. 【Friday】【Sunday】 9:00 - Wakes up and goes to the courtyard. 13:00 - Goes to the stall of his mother Cao Yunhui. 16:00 - Goes with his mother to the Blacksmith. 16:56 - Takes a walk along the river. 21:00 - Returns home from the river. 【Saturday】 9:00 - Wakes up and goes to the courtyard. 12:40 - Arrives at the entrance of the River Town Suburbs cave. 19:00 - Goes home and sleeps. d08c00dead3cb47e50143e41c448236ee47d0c5b 0 51 1815 1760 2024-02-16T19:19:12Z Westgrass 40 wikitext text/x-wiki Attribute: Residential Located in the southwest corner of Jiangcheng, it is the home of Lu Wei, Cao Yunhui, and Lu Binghua. The opening hours are from 8:00 to 22:00 every day. Opening hours: (8:00-22:00) Related NPCs: Lu Wei, Cao Yunhui, Lu Binghua [[File:鲁家.png|300px]] c8cc5b1a8036b978c3e7a104ec8888dfc5d9c4a5 0 50 1816 171 2024-02-16T19:19:19Z Westgrass 40 wikitext text/x-wiki [[File:face_lyy_0.png]] == Journey == 【Spring and autumn】 【Monday】 6:10am, Liu Yiyi stands outside River Town Suburbs to deliver letters. 11am,she leaves for the pharmacy in SwordWay Sect hall. 3:00pm,she returns to the front of the Guan Gong statue in Moonriver Inn. 8:30pm,she goes to sleep on the second floor of Moonriver Inn. 【Tuesday, Friday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 12pm,she leaves the guild and goes to the Tailor Shop, standing next to Ye Liwangzhu's loom. 4:20pm,she leaves the Tailor Shop and stands at the fortune teller's stall. 7:00pm,she leaves the fortune teller's stall and goes to the small restaurant on the first floor of Moonriver Inn. 11:00pm,she goes to sleep on the second floor of Moonriver Inn. 【Wednesday】 6:10am, Liu Yiyi stands outside the main hall of Chai's mansion, talking with the servants in the front courtyard. 10am,she leaves for the Blacksmith. 3:40pm,she leaves forshe Lianchangshan's house. 6:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Thursday】 6:10am, Liu Yiyi stands outside the entrance of River Town Guild. 8:30am,she enters the guild. 3:00pm,she leaves for Snowshine Academy and delivers a letter to Hong Xian at the entrance. 7:00pm,she returns to his small room on the second floor of Moonriver Inn. 10:00pm,she goes to sleep. 【Saturday, Sunday 】(same as spring and autumn) 65d77049b3db0fd227b422c0231ea5f30dce349e 8 1319 1817 1779 2024-02-28T11:39:06Z Westgrass 40 css text/css @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: none; --theme-site-logo-width: 632px; --theme-site-logo-height: 226px; /*** site background ***/ --theme-site-background: #8cd7ff url(/images/5/57/Site-background.png) left top / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: blur(5px); --theme-box-border-radius: 5px; --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: rgba(0, 77, 155, 0.84); --theme-box-shadow: none; --theme-box-shadow2: none; --theme-box-back-background: rgba(255,255,255,0.6); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #9d9d9d; --theme-text-color-em: #13863a; --theme-heading-color: #004e9b; --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #3175b9; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #cecece; --theme-border-color-accent: #73a9de; --theme-highlight-background: rgba(0, 78, 155, 0.15); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: blur(5px); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-box-border-color); --pi-secondary-background: rgba(255,255,255,0.1); --pi-secondary-background--label: var(--theme-text-color); --pi-item-spacing: 1px 0px; --pi-label-text-color: var(--theme-text-color); --pi-label-background: none; --pi-padding: 2px; } /* content box */ /* main article content box (without top heading) */ /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-background: rgba(255,255,255,0.3); } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 20px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); --layout-logo-box-height: calc(var(--layout-logo-height) * 0.6); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; } @media screen and (min-width: 1756px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin-top: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter); z-index: -2; } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0 0 var(--layout-box-gap) 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 24px; --layout-padding-y: 16px; } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: flex; align-items: flex-end; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); padding: 0 var(--layout-box-gap); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-56px - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: 20em; max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height) - var(--theme-box-border-width)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); display: block; height: calc(34px + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: 5px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } #mw-head #p-search { box-shadow: none; padding: 0; top: calc(-43px - var(--theme-box-border-width) * 2); /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 20em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 50vw; max-width: 15em; } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-background), var(--theme-box-back-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg); -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: var(--theme-heading-font-face, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; display: flex; justify-content: center; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; flex: 0 1 auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } .portable-infobox { border: 1px solid var(--pi-border-color); padding: var(--pi-padding); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title, .portable-infobox .pi-header { background: var(--pi-secondary-background); color: var(--pi-secondary-background--label); } .portable-infobox .pi-data { border-bottom: 0; gap: 8px; } .portable-infobox .pi-data-label { color: var(--pi-label-text-color); background: var(--pi-label-background); } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 6px; } .portable-infobox .pi-media-collection-tabs { gap: 8px; } .portable-infobox .pi-tab-link { border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-media-collection .pi-tab-link.current { background: none; border-bottom-color: var(--pi-secondary-background); } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border-image-source: url(/images/2/2b/Box.png); border-image-slice: 26 111 41 47 fill; border-image-width: 26px 111px 41px 47px; border-image-outset: 6px 4px; padding: 1em 1.5em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap h2 { margin-top: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 20px; align-items: stretch; margin-bottom: 20px; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } } #mainpage-wrap .content-wrap .l { flex: 4 4 600px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; } #mainpage-wrap .box.common ul { display: flex; margin: 0; list-style: none; gap: 2em; flex-wrap: wrap; justify-content: space-evenly; } #mainpage-wrap .box.guide ul { margin: 12px 0; display: grid; list-style: none; grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); gap: 1em; align-items: center; justify-content: center; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ /* ref */ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark ol.references li:target, .theme-dark sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1f3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark .mw-prefs-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } .theme-dark :root { --pi-background: rgba(255,255,255, 0.1); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #ddd; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7cf56e; } .theme-dark .mw-plusminus-neg { color: #ff9a9b; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } .theme-dark fieldset { border-color: #ccc; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #ccc; } .theme-dark .mw-highlight .nv { color: #01C2EC; } .theme-dark .horse-userprofile { background-color: transparent; } .theme-dark .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .theme-dark .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .theme-dark .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .theme-dark .tabber__indicator { background: #01c2ec; } .theme-dark .tabber__tab { color: #ccc; } .theme-dark .tabber__tab:visited { color: #ccc; } .theme-dark .tabber__tab[aria-selected=true], .theme-dark .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .theme-dark .tabber__transclusion--loading .tabber__loading-indicator, .theme-dark .tabber__transclusion--loading:before, .theme-dark .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .theme-dark .tabber__tab:hover { color: #32d8ff; } .theme-dark .tabber__tab:active { color: #05b8e0; } .theme-dark .tabber__header__prev:hover, .theme-dark .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .theme-dark .tabber__header__prev:active, .theme-dark .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .portable-infobox { border: 1px solid var(--pi-border-color); } .wikiEditor-ui-toolbar { color: #000; } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } 83745a050978be661191932859919aba48994677